:root{--light-bg-color: #fff;--light-fg-color: #000;--dark-bg-color: #000;--dark-fg-color: #fff;--accent-color: #ffdd00}html{font-size:62.5%}body,html{margin:0;padding:0;height:100%}body{display:flex;justify-content:center;align-items:center;font-family:"Open Sans",sans-serif;font-size:1.6rem}body.light-mode{background-color:var(--light-bg-color);color:var(--light-fg-color)}body.light-mode .theme-toggle-button{color:var(--light-fg-color)}body.light-mode .theme-toggle-button:hover{color:var(--accent-color)}body.light-mode .btn{border:1px solid var(--light-fg-color)}body.light-mode .btn:hover{color:var(--light-bg-color);background-color:var(--light-fg-color)}body.dark-mode{background-color:var(--dark-bg-color);color:var(--dark-fg-color)}body.dark-mode .logo{fill:var(--dark-fg-color)}body.dark-mode .theme-toggle-button{color:var(--dark-fg-color)}body.dark-mode .theme-toggle-button:hover{color:var(--accent-color)}body.dark-mode .btn{border:1px solid var(--light-fg-color)}body.dark-mode .btn:hover{background-color:var(--dark-fg-color);color:var(--dark-bg-color)}.theme-toggle-button{position:fixed;top:2rem;right:2rem;background-color:rgba(0,0,0,0);border:none;cursor:pointer;font-size:2rem;transition:color .3s ease-in-out;z-index:1000}a{transition:all .3s ease-in-out;color:inherit}a:hover,a:active{color:var(--accent-color)}.container{display:flex;flex-direction:column;align-items:center;text-align:center}.logo{max-width:100%;height:auto}.btn{border-radius:1rem;padding:.7rem 2.4rem;text-transform:uppercase;cursor:pointer;background-color:var(--accent-color);transition:all ease .3s}.mb-2{margin-bottom:2rem}.slogan{width:70%;margin:4.8rem 0;font-size:2rem;line-height:1.2em}.main-link{display:inline-block;text-decoration:none;width:100%;max-width:80rem}.main-link img{display:block;max-width:100%;height:auto}.social-menu{list-style:none;padding:0;margin:0;display:flex;gap:1.6rem;justify-content:center}.social-menu li{margin:0}.social-menu a{text-decoration:none}.social-menu i{font-size:2.4rem}@media screen and (min-width: 768px){.slogan{width:100%;max-width:55rem;font-size:2.2rem}}