@charset "UTF-8";
body{
    font-family: "Klee One",serif;
    font-family: "Zen Old Mincho", serif;
    background-color:hsla(355, 48%, 29%, 0.982);
    min-height: 100vh; 
    max-width: 100%;
    color: #ffffff;
}


.title{
    font-style: bold;
    color: #ff4b4b;
    font-size: 1.5em;
    text-align: right;
    margin-top: -0.7em;
    margin-right: 4%;
    background: -webkit-linear-gradient(-90deg, #e4d4b8 2%, #cd2f49 20%,  #3c090b 60%, #100002 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.link{
    color: #ffffff;
    background-color: #242e38;
    line-height: 230%;
    text-decoration: none;
    padding: 0 2px;

}

.link:visited{
    color: #ffffff;
    background-color: #242e38;
    line-height: 230%;
    text-decoration: none;
}




@media(max-width: 600px){

.box{
        align-items: center;
        max-width: 93%;
        margin: 0 auto;
        color: #c1c1c9;
        background-color: #353738;
        padding: 2% 2px;
}
}



@media(min-width:601px){
.box{
        align-items: center;
        max-width: 70%;
        margin: 0 auto;
        color: #c1c1c9;
        background-color: #353738;
        padding: 2% 3px;
}

}