index.e67c8a903764b6a5426c.css

@keyframes square{0%{transform:translate(0) rotate(0deg);-webkit-transform:translate(0) rotate(0deg);opacity:0}17%{transform:translateY(17vh) rotate3d(1,1,1,60deg);-webkit-transform:translateY(17vh) rotate3d(1,1,1,60deg);opacity:.5}34%{transform:translateY(34vh) rotate3d(1,1,1,120deg);opacity:1;-webkit-transform:translateY(34vh) rotate3d(1,1,1,120deg)}51%{transform:translateY(51vh) rotate3d(1,1,1,180deg);opacity:.4}68%{transform:translateY(68vh) rotate3d(0,1,.5,3.142rad);-webkit-transform:translateY(68vh) rotate3d(0,1,.5,3.142rad);opacity:.8}85%{transform:translateY(85vh) rotate(300deg);-webkit-transform:translateY(85vh) rotate(300deg);opacity:.2}to{transform:translateY(100vh) rotate3d(0,1,.5,3.142rad);-webkit-transform:translateY(100vh) rotate3d(0,1,.5,3.142rad);opacity:1}}@-webkit-keyframes square{0%{transform:translate(0) rotate(0deg);-webkit-transform:translate(0) rotate(0deg);opacity:0}17%{transform:translateY(17vh) rotate3d(1,1,1,60deg);-webkit-transform:translateY(17vh) rotate3d(1,1,1,60deg);opacity:.5}34%{transform:translateY(34vh) rotate3d(1,1,1,120deg);opacity:1;-webkit-transform:translateY(34vh) rotate3d(1,1,1,120deg)}51%{transform:translateY(51vh) rotate3d(1,1,1,180deg);opacity:.4}68%{transform:translateY(68vh) rotate3d(0,1,.5,3.142rad);-webkit-transform:translateY(68vh) rotate3d(0,1,.5,3.142rad);opacity:.8}85%{transform:translateY(85vh) rotate(300deg);-webkit-transform:translateY(85vh) rotate(300deg);opacity:.2}to{transform:translateY(100vh) rotate3d(0,1,.5,3.142rad);-webkit-transform:translateY(100vh) rotate3d(0,1,.5,3.142rad);opacity:1}}@keyframes rotate{0%{transform:rotate(1turn);visibility:visible}to{transform:none;visibility:visible}}@keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(0)}75%{transform:translateY(2px)}to{transform:translateY(0)}}@-webkit-keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(0)}75%{transform:translateY(2px)}to{transform:translateY(0)}}:root{font-size:16px;font-family:Roboto,"sans-serif";--primary-light:grey;--primary-main:#4d4d4d;--primary-dark:#303030;--secondary-light:#69d6c3;--secondary-main:#05a98b;--secondary-dark:#024b3e;--background:#f8f8f8;--contrastText:#fff}*{padding:0;margin:0;z-index:0;font-size:1rem;box-sizing:border-box}#app{overflow-x:hidden;min-height:100vh;max-width:100vw;min-width:340px;display:flex;justify-content:center;align-items:center}#about,#projects{background:var(--background)}#project-btn{color:var(--secondary-dark)}#project-btn,#project-btn:hover{border:1.5px solid var(--secondary-dark)}#project-btn:hover{background:var(--secondary-dark);color:var(--contrastText)}#submit-btn{color:var(--contrastText);border:1.5px solid var(--contrastText);width:fit-content;justify-self:flex-end;align-items:center}#submit-btn:hover{background:var(--contrastText);color:var(--primary-dark)}::selection{background:var(--secondary-dark);color:var(--contrastText)}a{text-decoration:none}#icon:hover{animation-name:slideUpToDown;animation-duration:.5s;animation-timing-function:ease-out;animation-iteration-count:infinite}#introduction-arrow-intro,#introduction-arrow-intro>*{transform:translateX(-10px)}@media(max-width:600px){[class*=MuiTabs]{display:flex;flex-direction:column}#background>div>*{display:none}}