#title {
	color: #F5FFFA;
	font-family: 'Comfortaa', cursive;
	font-size: 50px;
}

#name {
    color: #F5FFFA;
	font-family: 'Comfortaa', cursive;
	font-size: 50px;
}

#console {
	overflow: hidden;
    color: white;
    text-shadow: 3px 3px #000000;
	font-family: 'Silkscreen';
	resize: none;
	height: 305px;
	width: 540px;
	border: 1;
	border-bottom: 0;
    border-top: 0;
	border-width: 2px;
	border-color: black;
	background-color: rgba(0,0,0,0.3);
	padding-left: 5px;
    padding-right: 5px;
	margin-left: auto;
    margin-right: auto;
    display: block;
}

#discord_acc{
    opacity: 0;
}

#console_title_container {
    user-select: none;
    width: 540px;
    height: 25px;
    color: white;
    border: solid;
    border-width: 2px;
	border-color: black;
    border-bottom: 0;
    
    font-family: 'Silkscreen';
    background-color: #2f2f2f;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
    
    display: block;
}

#console_title_container p.console_title{
    text-shadow: 1px 1px ;
    margin-left: 5px;
    margin-top: 0px;   
}

#console_title_container p.cross{
    text-align: right;
    text-shadow: 1px 1px;
    margin-top: -35px;  
    margin-right: 5px;
}


#console_container{
	padding-top: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -270px;
}


.main{
    margin-top: 200px;
    margin-left: 270px;
}


#console_input{
	overflow: hidden;
	font-family: 'Silkscreen';
    color: white;
    text-shadow: 3px 3px #000000;
	resize: none;
	height: 20px;
	width: 540px;
	border: 1;
	border-top: 0;
	border-width: 2px;
	border-color: black;
	background-color: rgba(0,0,0,0.3);
	padding-left: 5px;
    padding-right: 5px;
	margin-left: auto;
    margin-right: auto;
    display: block;
}

input:focus, textarea:focus, select:focus{
    outline: none;
}

#media{
    display: flex;
    flex-direction:row;
    padding-top: 5px;
}

.media_btn{
    padding-left: 7px;
    padding-right: 7px;
    transition: 200ms;
}

.media_btn:hover{
    resize: none;
    transform: scale(1.5);
    transform: translateX(32);
    transition: 200ms;
}