body{
    margin: 0;
    background-color: #58C8F2;
    background-image: url("../img/surf_video.gif");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
@font-face{
    font-family: "cs";
    src: url("../font/comic.ttf");
}
#flex{
    position: fixed;
    right: 0;
    bottom: 0;
    height: 250px;
    display: block;
}
#sus{
    position: fixed;
    left: 0;
    bottom: 0;
    height: 250px;
    display: none;
}
#c{
    width: 100%;
    height: 952px;
}
.logopage{
    max-height: 952px;
    overflow: hidden;
    position: relative;
}
#logo{
    position: absolute;
    height: 450px;
    mix-blend-mode: color-burn;
    left: 0;
    right: 0;
    margin: 12em auto;
}
.imagepage{
    width: 100%;
    height: 560px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.image{
    width:100%;
    height:100%;
    object-fit: cover;
}
.gap{
    background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
    -webkit-box-shadow: 0 0 21px -1px #000000;
    box-shadow: 0 0 21px -1px #000000;
    overflow: auto;
    padding: 10px;
    position: relative;
    text-align: center;
}
#fact{
    font-family: "cs", serif;
    color: white;
    font-size: 30px;
    margin: 0;
}
.space{
    height: 300px;
}
#nftmonke_page{
    width: 100%;
    height: 560px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
#nft{
    width:100%;
    height:100%;
    object-fit: cover;
}
#socials_page{
    background: rgb(141,151,156);
    background: radial-gradient(circle, rgba(141,151,156,1) 0%, rgba(99,85,88,1) 100%);
    font-family: 'Roboto Condensed', sans-serif;
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}
.logo_container{
    outline: 1px solid black;
    width: 33.3%;
    float: left;
    padding: 15px 0 15px 0;
}
.socials{
    height: 150px;
}
#gifpage{
    width: 100%;
    height: 560px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
#apple{
    width:100%;
    height:100%;
    object-fit: cover;
}
#footer{
    background: rgb(144,136,187);
    background: linear-gradient(180deg, rgba(144,136,187,1) 0%, rgba(59,143,175,1) 100%);
    text-align: center;
    overflow: auto;
    padding: 2em;
}
#copyright{
    color: white;
}
@media(max-width:621px){
    html, body{
        width: 621px;
    }
}
@media(max-width:1040px){

}