@font-face {
    font-family: scifi;
    src: url('../assets/fonts/scifi2.otf');
}

body {
    background:rgb(0,27,38);
    font-family:"scifi";
    overflow:hidden;
}

.content {
    display:flex;

}

.left_panel {
    position:absolute;
    left:0px;
    top:0px;
    width:300px;
    height:100vh;
    background:rgba(0, 0, 0, 0.219);
    padding:15px;
    color:white;
    text-align: center;
}

.left_panel button {
    background-color:rgb(9, 219, 247);
    color:rgba(0, 0, 255, 0.422);
    font-family:scifi;
    font-weight:100;
    padding:15px 50px;
    border:none;
    box-sizing: border-box;
    width:100%;
    font-size:20px;
    cursor:pointer;
    transition-duration: 0.2s;
    margin: 8px 0px;
}
.left_panel button:hover {
    transform: scale(1.03) translateY(-5px);
    transition-duration: 0.2s;
}

.left_panel>h1 {
    text-align: center;
    margin-bottom:10px;
    color:rgb(9, 219, 247);
}

h1 {
    margin:0px;
}

.logo_header {
    width:50%;
    margin-top:15px;
    text-align: center;
}
#log-out {
    position: fixed;
    width:200px;
    bottom:0px;
    right:15px;
    background-color:rgb(123, 0, 0);
    color:rgb(216, 1, 1);
}
.hide {
    display: none;
}