@import"https://fonts.googleapis.com/css2?family=Oxygen&display=swap";@charset "UTF-8";:root{--primary: #ffc13b;--secondary: #ff6e40;--background: #f5f0e1;--background2: #c7c2b6;--foreground: #1e3d59;--darkest: #00253f}*{font-family:Oxygen,Arial,Helvetica,sans-serif;font-size:1em}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--background2);color:var(--foreground);text-align:center}.container{max-width:1200px;width:95%;margin:auto}.page{padding-top:80px;padding-bottom:100px}.even{background-color:var(--background)}.dark{background-color:var(--foreground);color:#fff}.dark .header-bar{background:white}h1{font-size:2.5em;margin-bottom:10px;opacity:0}button{cursor:pointer;font-size:1.25em;background-color:transparent;transition:all .3s ease-in-out;border:none;padding:10px 32px;text-align:center;text-decoration:none;display:inline-block;border-radius:8px;border:2px solid var(--foreground)}.dark button{border:2px solid var(--background);color:#fff}button:hover,button:focus{background-color:var(--foreground);color:var(--primary)}.dark button:hover,.dark button:focus{background-color:#fff;color:var(--foreground)}.header-bar{background:var(--foreground);height:4px;margin:auto auto 50px;width:80px;opacity:0;animation-delay:.5s}a{cursor:pointer;text-decoration:none;color:var(--secondary);transition:all .3s ease-in-out}a:hover,a:focus{text-decoration-line:underline;text-decoration-thickness:2px}nav ul{background-color:var(--foreground);list-style:none;display:flex;margin:0}nav li{text-decoration:none;padding-right:50px;padding-top:15px;padding-bottom:15px}nav a{text-decoration:none;color:var(--primary);transition:all .3s ease-in-out}nav a:hover,nav a:focus{color:var(--secondary);text-decoration:none}@media screen and (max-width: 500px){.header .container{width:100%}nav li{padding-right:0}ul{justify-content:space-evenly;padding:0}}input,.textarea{transition:all .5s ease-in-out;box-sizing:border-box;outline:none;border:3px solid var(--foreground);color:var(--foreground)}input:focus,.textarea:focus{border:3px solid var(--primary)}.icons{display:flex;flex-wrap:wrap;justify-content:center;font-size:3em;padding:20px;gap:50px}.icon{opacity:0}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-10%)}80%{transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.slide-from-top{animation:slideFromTop 1s ease forwards}@keyframes slideFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-from-bottom{animation:slideFromBottom 1s ease .5s forwards}@keyframes slideFromRight{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:translate(0)}}.slide-from-right{animation:slideFromRight 1s ease .5s forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(0) rotate(-20deg)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn 1s ease-out .5s forwards}.fade-in-faster{animation:fadeIn .5s ease-out .5s forwards}