@font-face {
    font-family: fussion;
    src: url("font/fussion/Fussion.ttf");
}

@font-face {
    font-family: modeseven;
    src: url(Modeseven.ttf);
}

@font-face {
    font-family: krunch;
    src: url("font/krunch/krunchbold.ttf");
}

body {
    color: white;
   background: linear-gradient(to top, #000000, #000000, #333333, #333333);
     background-size: 100% 5px;
  background-repeat: round;
}


p {
    font-family: modeseven;
}

h1, h2, h3, h4, h5, h6 {
    font-family: fussion;
   text-shadow: rgba(255,255,255,0.9) 0px 0px 10px;
}


.main {
    overflow-y: scroll;
    width: 700px;
    height: 550px;
   border-style: dotted;
    border-color: white;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.6);
-webkit-box-shadow:0px 0px 46px 26px white;
-moz-box-shadow: 0px 0px 46px 26px white;
box-shadow: 0px 0px 46px 26px white;
padding: 10px 20px 10px 20px;

}













@media screen and (min-width: 1600px) and (max-width: 1740px) {
.main {
    width: 850px;
    height: 650px;
    margin-top: 0px;
}

}





@media screen and (min-width: 1741px) and (max-width: 1890px) {
.main {
    width: 900px;
    height: 700px;
    margin-top: 50px;
}

}




@media screen and (min-width: 1891px) {
    
    .main {
    width: 980px;
        height: 750px;
        margin-top: 100px;
}


}