:root{--primColor:rgb(255,255,255);--hamburgerShift:9.5px;--hamburgerShiftNeg:-9.5px;--topMargin:100px;--blue:#0154ff;--purple:#60008d}html{font-size:20px}*{margin:0;padding:0;box-sizing:border-box;color:white;font-family:Noto Sans,sans-serif}body{background-color:black}button{padding:15px;margin:10px;background-color:var(--blue);border:none;border-radius:25px;font-size:1.5rem}button:active,button:hover{color:black;background-color:white}h1{font-size:4rem;margin-bottom:15px}h2,h3{font-size:2rem}h2,h3,p{margin-bottom:15px}p{font-size:1.5rem}main{display:flex;flex-direction:column;align-items:center}.test{border:1px solid red}.alexBG{top:0;height:100vh;width:100%;background-image:url(/images/alex.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.alexBGOverlay{display:flex;align-items:flex-end;justify-content:center;content:"";position:absolute;top:0;left:0;width:100%;height:100.5vh;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1));pointer-events:none}.alexBGContent{text-align:center;padding-bottom:25px}.closeButton{font-size:1rem;border-radius:50%;height:50px;width:50px;position:absolute;right:0;top:25%}.column{flex:1 1;display:inline}.innerRow{padding:5px}.innerRow,.row{width:100%;min-height:200px;display:flex;justify-content:center}.row{text-align:center;padding:10px 15px}.topRow{padding-top:var(--topMargin)}#headerContainer{position:fixed;top:0;width:100%;display:flex;padding-top:15px;z-index:999}#headerContainer>div{flex:1 1;display:flex;z-index:999}#headerContainer>div:first-child{justify-content:flex-start;padding-left:25px}#headerContainer>div:nth-child(2){justify-content:center}#headerContainer>div:nth-child(3){justify-content:flex-end;align-items:center;padding-right:25px}.menuHamburger{width:60px;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;background-color:#212121;padding:10px}.menuHamburger,.menuHamburger span{border-radius:5px;transition:all .3s ease-in-out}.menuHamburger span{height:5px;width:100%;margin:5px;background-color:#ffffff}.menuHamburger.open{border-radius:30px}.menuHamburger.open span:first-child{transform:rotate(45deg) translateY(var(--hamburgerShift)) translateX(var(--hamburgerShift))}.menuHamburger.open span:nth-child(2){opacity:0}.menuHamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(var(--hamburgerShiftNeg)) translateX(var(--hamburgerShift))}.buttonHolder{width:80%}.buttonHolder,.menu{display:flex;flex-direction:column;align-items:center}.menu{position:fixed;width:100vw;height:100vh;padding-top:var(--topMargin);top:-100vh;background-color:var(--purple);z-index:99;transition:all .3s ease-in-out}.menu.open{top:0}.sloganContainer{text-align:center;font-weight:700;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%;height:70vh;overflow:visible;padding-top:50px}.sloganFade{font-size:3rem;animation:fadeInOut 3s ease-in-out;position:relative;opacity:0}.sliderContainer{position:fixed;display:flex;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:100vw;background-color:rgba(0,0,0,.75);z-index:1;transition:all .5s}.sliderContainer.active{left:0}.radialMenu{display:flex;justify-content:center;align-items:center;position:fixed;right:-800px;width:800px;height:800px;background-color:rgba(182,182,182,.75);border-radius:50%;transition:all 1s}.radialMenu.active{right:-500px;transform:rotate(-180deg)}.toggleRadialMenu p{margin:0;font-size:4rem}.radialMenu li{list-style:none;position:absolute;left:50px;transform-origin:350px;transform:rotate(calc(1turn / var(--total)*var(--i)))}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@media (min-width:768px){.alexBG{background-position:center -100px}}