.bannerbtn {
	border: none;
	font-family:Aviators;
	font-size:1vw;
	cursor:pointer;
	transition-duration: 0.5s;
	width:7vw;
	height:4vh;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius:5px;
}

@font-face {
	font-family: Aviators_LED;
	src: url(fonts/LEDCalculator.ttf);
}

@media screen and (max-width: 1300px) {
    button.bannerbtn {
        display:none;
    }
}

.bannerbtn:hover {
	background-color: #565656;
	color:#b5b313;
}

.banner-container {
    width:100%; 
    height:auto; 
    transition-duration: 0.5s;
}

#bannerlogo {
    display:flex; 
    justify-content:center; 
    height:20vh; 
    width: auto;
}

#bannertext {
    width:fit-content; 
    text-align:center; 
    margin:auto; 
    font-family: Aviators_LED; 
    font-size:10vh; 
    color:white; 
    background:rgb(86, 86, 86, 0.75); 
    height:fit-content; 
    padding:0.5vh 0.5vw 0.5vh 0.5vw 
}

#bannersocials {
    display:flex; 
    justify-content:center; 
    margin:auto; 
    margin-top:2vh;
    margin-bottom:25vh; 
    height:fit-content; 
    width:fit-content;  
    background:rgb(86, 86, 86, 0.9); 
}

#login {
    float:right;
}

.logo {
	height:20vh;
}

#mainlogo {
	scale:100%;
	transition-duration: 0.5s;
    display:flex; 
    justify-content:center; 
    padding-bottom:1vh; 
    padding-top:0vh; 
    width:1vw;
}

#mainlogo:hover {
	scale:125%;
	transition-duration: 0.5s;
}

#bannerlogo, #bannersocials, #bannertext{
	transition-duration: 0.5s;
}

.discord-icon {
    width:3vw; 
    padding: 1.5vh 2vw 0px 1vw;
}

.twitter-icon {
    width:2.5vw;
    padding: 1.5vh 2vw 0px 2vw;
}

.twitch-icon {
    width:2.5vw;
    padding: 1.5vh 2vw 0.5vh 2vw;
}

.yt-icon {
    width:3vw;
    padding: 2vh 2vw 0px 2vw;
}

.tiktok-icon {
    width:2.5vw;
    padding: 1.5vh 1vw 0px 2vw;
}

.genlink {
    text-decoration: none;
    padding:0.2vw 1vw 1vw 0;
    color:white;
    width:fit-content;

}

.genlink:hover {
    color: #b5b313;
    background: #565656;
    cursor: pointer;
    transition-duration: 0.5s;
}