@font-face {
    font-family: Roboto;
    src: url(fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: RobotoMono; 
    src: url(fonts/RobotoMono-Regular.ttf);
}

body {
    background-color: #DAEFE1;
    font-family: 'Roboto', sans-serif;
}

h1 {
    font-family: 'Roboto', sans-serif;
    color: #20a060;
    font-size: xx-large; 
}

h3 {
    font-family: 'Roboto', sans-serif;
    color: #20a060;
    font-size: large; 
}

.info {
    color: #ff4040;
    font-size: x-large;
}   

img {
  cursor: hand;
}

.code {
    font-family: 'RobotoMono', monospace;
    font-size: small;
    padding: 10px 10px;
    border: 3px ridge;
    background: #84c3be;
}

#poem {
  float: right;
  position: absolute;
  top: 10%;
  right: 0;
  height: 80%;
  width: 30%;
  overflow: scroll;
}

#music {
  position: absolute;
  bottom: 0;
}