@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed&display=swap);@import url(https://fonts.googleapis.com/css?family=Nunito+Sans);:root{--clr:#f3e4ff;--clr-dark:#e0bbff;--clr-secondary:#cbfcfd;--clr-secondary-dark:#00d6dd;--clr-white:white;--clr-black:black;--clr-bg:#1b1b1b}*,::after,::before{box-sizing:border-box}html{height:100%}body{height:100%;min-height:100%;margin:0;color:var(--clr);background:var(--clr-bg);font-family:"Nunito Sans",Courier,monospace}a{text-decoration:none;cursor:pointer}img{max-width:100%}ul{margin:0;list-style:none}.span{display:inline-block}.wrap{max-width:1199px;margin:0 auto}.center{text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;align-items:center;text-align:center}.flex{display:flex;justify-content:space-between}header{color:var(--clr-bg);background:var(--clr)}.hidden{display:inline-block;visibility:visible;transition:all 0s}.canHazBurger{display:grid;gap:3px;justify-content:center;visibility:hidden}nav{position:relative;display:flex;justify-content:space-between;align-items:center}.navMain li{padding:1em;text-transform:uppercase;display:inline-block;cursor:pointer}.navMain i.fas{padding:.5rem;cursor:pointer}@media (max-width:1000px){.wrap{padding:0 1.5rem}.flex{flex-wrap:wrap;justify-content:space-around}}@media (max-width:420px){.flex{justify-content:center}}@media (max-width:800px){header{position:sticky;top:0;z-index:420;border-bottom:1px solid var(--clr-dark)}.hidden{visibility:hidden;display:none}.canHazBurger{visibility:visible}.canHazBurger li{width:25px;height:3px;background:var(--clr-black)}.navMain{position:absolute;top:60px;left:0;width:100%;justify-self:center;text-align:center;background:linear-gradient(var(--clr),var(--clr-white));border-bottom:1px solid var(--clr-dark);z-index:999}.navMain li{display:block}}.btn{padding:.5em .9em;display:grid;grid-column:2/3;align-content:center;text-align:center;color:#000;font-size:1rem;font-weight:bolder;background:#8dcafc;border:0 solid #000;cursor:pointer;transition:all .5s}.btn:focus,.btn:hover{color:#fefefe;outline:transparent}input[type=text]{width:100%;height:100%;padding:1em;color:#fff;background:#8dcafc;border:none}input[type=text]:focus{color:#000;background:#fff}input[type=text]::-moz-placeholder{color:#51a4ff;font-size:1rem;font-weight:700}input[type=text]:-ms-input-placeholder{color:#51a4ff;font-size:1rem;font-weight:700}input[type=text]::placeholder{color:#51a4ff;font-size:1rem;font-weight:700}.newForm{width:15.5rem;height:2.5rem;display:grid;grid-template-columns:13em 2.5em;grid-template-rows:2.5em;gap:.2em}.box,.box2{width:100%;height:100%;transform-style:preserve-3d}.cover{height:100%;background:#007aff;display:grid;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center}.emailInput{height:100%;color:#000;background:#fff;transform:translate(0,-100%) rotateX(90deg);transform-origin:top center}.emailInput input{transform:rotateX(180deg)}.addBtn,.reveal{height:100%}.addBtn{color:#000;background:#007aff;transform:translate(0,-100%) rotateX(90deg);transform-origin:bottom center}.addBtn i{transform:rotateX(180deg)}.cell{height:250px}