:root{--background:radial-gradient(at bottom, #0bc2cf, #349aef);--text-shadow:0 .08em .2em #0003;--box-shadow-1:#64646f66 0px 7px 29px 0px;--box-shadow-2:#64646fcc 0px 7px 29px 0px}@font-face{font-family:Titan One;src:url(/assets/TitanOne-Regular-Ds7Echb6.ttf)format("truetype")}@font-face{font-family:Nunito;src:url(/assets/Nunito-VariableFont_wght-CfknUHFh.ttf)format("truetype-variations");font-weight:100 900;font-stretch:75% 125%;font-style:normal;font-display:swap}p{color:#fff;text-shadow:var(--text-shadow);font-family:Nunito;font-size:1.5em}h1,h2{color:#fff;text-shadow:2px 4px 4px #0003,2px 6px 10px #00000026;font-family:Titan One;font-size:4em}h2{font-size:2em}section{flex-direction:column;align-items:center;gap:1em;display:flex}body{flex-direction:column;align-items:center;height:100vh;margin:0;padding:0;display:flex}@keyframes moveBG{0%{background-position:0 0}to{background-position:800px 800px}}.background{z-index:-1;background:radial-gradient(at bottom,#0bc2cf,#349aef);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.background div{opacity:.1;background-position:0,0;background-repeat:repeat;background-size:800px 800px;width:200%;height:200%;animation:35s linear infinite moveBG;position:absolute;transform:rotate(15deg)}.flex{gap:1em;display:flex}.mainTitle{text-align:center;font-size:5em}.subheader{color:#ddd;text-align:center;font-family:Nunito;font-size:1.5em}.button{cursor:pointer;text-shadow:.15em .15em #0003;background:0 0;border:none;outline:none;padding:0;font-family:Titan One;font-size:1.5em;text-decoration:none;transition:filter .25s;position:relative}.button .edge,.button .shadow{border-radius:7px;width:100%;height:100%;position:absolute;top:0;left:0}.button .shadow{background-color:#00000040;transition:transform .6s cubic-bezier(.3,.7,.4,1);transform:translateY(2px)}.button .edge{filter:brightness(.7);background:#1e77a8}.button .front{color:#fff;text-align:center;background:#1e77a8;border-radius:7px;flex-direction:row;justify-content:center;align-items:center;padding:10px 15px;transition:transform .6s cubic-bezier(.3,.7,.4,1);display:flex;transform:translateY(-4px)}.button:hover{filter:brightness(1.1)}.button:hover .front{transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transform:translateY(-6px)}.button:hover .shadow{transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transform:translateY(4px)}.button:active .front{transition:transform 34ms;transform:translateY(-2px)}.button:active .shadow{transition:transform 34ms;transform:translateY(1px)}header{box-sizing:border-box;align-items:center;width:100%;height:70px;padding:1em;display:flex;position:fixed;top:0;left:0}header a{color:#fff;border-radius:5px;padding:8px;font-family:Nunito;text-decoration:none!important}header a:hover{background-color:#fff2}header h1{margin:0;font-size:30px}header .header-right{gap:1em;margin-left:auto;display:flex}.main-card-container{gap:2em;width:70vw;margin-top:5em;display:flex}.main-card{height:400px;box-shadow:var(--box-shadow-1), inset 0 0 0 5px #fff3;filter:brightness();cursor:pointer;background:linear-gradient(#8b3dbf,#9a48aa);border-radius:20px;flex:1 1 0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.main-card .nohover-content{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:calc(23.3333vw - 2em);height:100%;padding:20px 20px 65px;transition:opacity .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.main-card .nohover-content img{object-fit:fill;width:5em;position:absolute;top:-2.5em;transition:all .5s!important;transition-delay:0!important}.main-card .nohover-content .button{width:60%;position:absolute;bottom:25px}.main-card .nohover-content *{transition:opacity .3s .15s}.main-card .hover-content{display:none}.main-card-container:has(.main-card:hover) .main-card:not(:hover) .nohover-content :not(img){opacity:0;transition-delay:0;transition:all .15s}.main-card-container:has(.main-card:hover) .main-card:not(:hover) .nohover-content img{top:calc(50% - 2.5em)}.main-card:hover .nohover-content{width:100%}.main-card:hover{box-shadow:var(--box-shadow-2), inset 0 0 0 5px #fff3;filter:brightness(1.1);flex-grow:3;scale:1.05}.main-card:active{box-shadow:var(--box-shadow-1), inset 0 0 0 5px #fff3;transition:scale .1s;scale:.95}.calculator-container{width:90vw;height:calc(100vh - 12.7rem - 5vw);position:relative}@keyframes zoomIn{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes moveIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculator-tab{color:#fff;box-shadow:inset 0 -5px #0003, var(--box-shadow-1);text-shadow:.15em .15em #0003;background:linear-gradient(#8b3dbf,#9a48aa);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:calc(25% - 1em);height:50px;padding-bottom:5px;font-family:Titan One;display:flex;position:absolute}.calculator-tab.unselected{cursor:pointer;font-size:1.5em}.calculator-tab.selected{justify-content:flex-start}.selected-content h1{opacity:0;animation:.3s .25s forwards zoomIn;position:absolute;top:-1.5em;left:-.5em}.selected-content :not(h1){opacity:0;animation:.3s .25s forwards moveIn}