/*importing the reset CSS*/
@import url('reset.css');
    body {
        margin: auto;
        background:#ededee;
    }
    
    .next {
        background-image: url(next.svg);
        position: fixed;
        top: 200px;
        right: 40px;
        width: 30px;
        height: 25px;
    }
    
    .back {
        background-image: url(back.svg);
        position: fixed;
        top: 200px;
        left: 40px;
        width: 30px;
        height: 25px;
    }
    
        /* make keyframes that tell the start state and the end state of our object */
        @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
    
     #stanzas {
        width: 300px;
        font-family: "freight-text-pro";
        font-size: 17px;
        font-weight: 500;
        letter-spacing: .01em;
        line-height: 22px;
        color: #000;
        border: 0;
        
        opacity: 0;
        -webkit-animation: fadeIn ease-in 1;
        -moz-animation: fadeIn ease-in 1;
        animation: fadeIn ease-in 1;
 
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        animation-duration: 1s;
        
    }
    
   #submit {
        font-size: 17px;
        font-family: "freight-text-pro";
        font-weight: 500;
        letter-spacing: .01em;
        width: 400px;
        margin-left: 300px;
        margin-bottom: 200px;
        color:#000;
    }
    
    .content {
        margin: auto;
    }
    
    #main {
        background: #fff;
        height: 100px;
        width: 100%;
        font-family: "freight-text-pro";
        font-size: 17px;
        font-weight: 500;
        letter-spacing: .01em;
        border: 0;
    }

    .submitbutton {
        width: 100%;
        margin-top: 5px;
        padding: 5px;
        background: #f5f5f5;
        font-family: "freight-sans-pro";
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        border: 0;
    }
    
    .submitbutton:hover {
        background: #fff;
    }
    
    .nameinput {
        width: 100%;
        border: 0;
    }
    
    .poem {
        margin-top: 75px;
        margin-left: 300px;
        margin-bottom: 100px;
        font-family: "freight-text-pro";
        font-size: 17px;
        font-weight: 500;
        letter-spacing: .01em;
        line-height: 25px;
    }
    
    h1 {
        color: #333;
        text-transform: lowercase;
        font-family: "freight-text-pro";   
        font-size: 17px;
        font-weight: 500;
        letter-spacing: .01em;
    }