body{
    margin:0;
    background-color: #22252c;
    color:#FF3B3F;
    text-align: center;
    font-family: 'Montserrat', sans-serif;

}

.blurb{
    color:#f5f5f5;
    
}

.title{
    margin-top: 30px;
    color:#f5f5f5;
    font-size:60px;
    font-family: 'Lato', sans-serif;
}

button{
    
    width   : 80px;
    background  : none;
    cursor  : pointer;
    font-family: 'Montserrat', sans-serif;
    font-size   : 16px;
    color   : #fff;
    border  : none;
    margin      : 0px;
    padding     : 0px;

}

a{
    color:inherit;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

.name{
    margin-top:80px;
    font-size: 150px;
}

.gen{
    background-color: transparent;
    border: 3px solid #FF3B3F !important;
    //border-radius: 3px;
    cursor: pointer;
    width:250px;
    height:70px;
    //width:auto;
    padding:7px;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
    text-align: center;
    color:#f5f5f5;
    font-size:20px;
    
}

.gen i{
    color:#e9b000;
}

.gen:hover{
    background-color: #FF3B3F !important;
    color:#f5f5f5;
    -webkit-transition: all0.31s; /* Safari */
    transition: all 0.3s;
}

.author{
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    position: fixed;
    right:50px;
    bottom:0px;
    font-size: 15px;
    color:#F5f5f5;
    background-color:#FF3B3F;
    width:170px;
    text-align: center;
    border-radius: 1px;
}

.author a{
    color: #F5f5f5;
}

@media screen and (max-width: 768px) {
    .name{
        font-size: 100px;
    }
}

@media screen and (max-width: 425px) {
    .name{
        font-size: 60px;
    }
    
    .author{
        right:30%;
    }
}

@media screen and (max-width: 375px) {
    
    .author{
        right:27%;
    }
}

@media screen and (max-width: 320px) {
    
    .author{
        right:25%;
    }
}