@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap";html,body{height:100%;width:100%;overflow:hidden;box-sizing:border-box}:root{--accent: #ffc807;--light-mode: white;--dark-mode: #0a0a0a;font-family:Poppins,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}main{height:100%;width:100%;display:flex;flex-direction:column}main nav{height:fit-content;width:100%;display:flex;align-items:center;justify-content:space-evenly;position:fixed;z-index:5;padding:24px 0}main nav img{height:84px;width:118px}main nav .buttons{display:flex;align-items:center}main nav .buttons button{padding:12px 32px;margin:4px;border-radius:32px;text-align:center;font-family:Poppins;font-size:12px;font-style:normal;font-weight:600;line-height:normal;border:none;outline:1px solid transparent;cursor:pointer;transition:.3s}main nav .buttons button:hover{margin-bottom:16px;box-shadow:6px 6px 6px #0000001a}main nav .buttons #login{color:#000;background:#f6f6f6;transition:.3s}main nav .buttons #login:hover{outline:1px solid var(--accent)}main nav .buttons #join{color:#fff;background:var(--accent);transition:.3s}main nav .buttons #join:hover{outline:1px solid black}main section{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}main section img{width:750px;margin:0}main section p{color:#000;font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:normal;width:600px;text-align:center;margin-bottom:32px}main section .buttons{display:flex;align-items:center}main section .buttons button{padding:16px 48px;margin:4px;border-radius:32px;text-align:center;font-family:Poppins;font-size:12px;font-style:normal;font-weight:600;line-height:normal;border:none;outline:1px solid transparent;cursor:pointer;transition:.3s;color:#fff;background:var(--accent)}main section .buttons button:hover{margin-bottom:16px;box-shadow:6px 6px 6px #0000001a;outline:1px solid black}main section .buttons #github-btn{padding:5px;border-radius:50%;display:grid;place-items:center;background:#f6f6f6}main section .buttons #github-btn:hover{outline:1px solid var(--accent)}main section .buttons #github-btn span{font-size:16px;background:white;color:#6c6c6c;padding:12px;border-radius:50%}@media (max-width: 400px){main nav .buttons button{padding:8px 24px}main nav .buttons #join{margin-right:24px}main section img{width:300px;margin-right:16px}main section p{font-size:12px;width:300px;margin-right:16px}}