landing.css

@font-face {
	font-family: 'Hussar';
	src: url('./fonts/HussarBold.otf'); /* IE9 Compat Modes */
}

html{
    overflow: hidden;
}
/* body{
    height: ;
} */
h1{
    font-family: Hussar;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.04em;
}
h1 > span{
    color: rgba(255, 255, 255, 0.33);
    letter-spacing: 0.04em;
}
.title-bar{
    background-color: #252A41;
    box-shadow: 5px 0px 5px -5px rgba(0, 0, 0, 0.25);
}

body{
    background-color: #1F2537;
    height: 100vh;
}

.container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.row{
    margin-top: calc()
}
.sidebar{
    height: 100%;
    width: 4vw;
    background: #252A41;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    z-index: -1;
}

.highlighted{
    color: #4AAE91;
}
.subtitle{
    font-family: Hussar;
    font-size: 1.3rem;
    letter-spacing: 0.05rem;    
    color: rgba(255, 255, 255, 0.8);
}
.info h2{
    font-family: Hussar;
    font-style: normal;
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: 0.03rem;
    /* identical to box height */

    color: rgba(255, 255, 255, 0.8);
}
.github { 
color: rgba(255, 255, 255, 0.5) !important;
font-size: 1rem !important;
}

.card-bg{
    background: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.5);
}
.website{
   color: #4AAE91 !important;
   font-size: 0.8rem !important;
}
.file-options p{
    color: rgba(255, 255, 255, 0.5);
}