@import"https://fonts.googleapis.com/css?family=Raleway:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic";:root{--primary-color: #55ccff;--secondary-color: #81d1f4;--bg-primary: #f2f2f2;--text-color: #222222;--text-color-two: #ffffff;--bg-secondary: #333333;--card-background: #f4f4f4;--bg-secondary-two: #565656;--shadow: 0 10px 40px rgba(0, 0, 0, .2);--weight-small: 400;--weight-semibold: 600;--weight-bold: 800;--width-small: 600px;--width-medium: 1100px;--width-large: 1300px}[data-theme=dark]{--primary-color: #55ccff;--secondary-color: #81d1f4;--bg-primary: #222222;--text-color: #ffffff;--text-color-two: #333333;--bg-secondary: #ffffff;--card-background: #565656;--bg-secondary-two: #f4f4f4;--shadow: 0 2px 10px rgba(95, 95, 95, .2)}html{font-size:100%;scroll-behavior:smooth;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{text-decoration:none;color:var(--text-color)}body{background:var(--bg-primary);color:var(--text-color);font-family:Raleway,sans-serif;line-height:1.5;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{letter-spacing:.5rem;font-size:3rem}#root{max-width:100vw}.container{max-width:100vw;margin:0 auto;padding:0rem 5rem}@media (max-width: 688px){.container{padding:0rem 1rem}}h1::selection,h2::selection{color:#111;background:var(--primary-color)}.btn{display:inline-block;padding:.75rem 1.9rem;border-radius:30px;text-transform:uppercase;font-size:.82rem;transition:.3s}.btn-primary{background:var(--primary-color);color:#000}.btn-secondary{margin:5px 0;background-color:var(--bg-secondary);color:var(--bg-primary)}.btn-primary:hover{background:var(--secondary-color)}#switch{display:none}.toggle-icons{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-icons>img{transition:.6s cubic-bezier(.23,1,.32,1);width:20px;animation:spinMoon 2s linear}.moon{transform:rotate(10deg);filter:invert(0)}.sun{display:none;transform:rotate(10deg);scale:1.4}#switch:checked+.toggle-icons .moon{display:none;transform:rotate(250deg)}#switch:checked+.toggle-icons .sun{display:block;transform:rotate(100deg);animation:spinSun 1s linear}@keyframes spinSun{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes spinMoon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{padding:1rem;background:var(--card-background);color:#fff;border-radius:5px;transition:.4s ease-in-out;cursor:pointer}@media (max-width: 768px){.header-container{margin-top:7rem;text-align:center}.content-text h2{font-size:2.5rem}}