footer{width:100%;height:40vh;display:flex;justify-content:center;align-items:center;font-size:14px;bottom:10%}.logo{height:2.4em;margin:-4px}img{margin-top:40px;margin-bottom:30px;width:56px}h1{letter-spacing:2px;font-size:2em;margin-top:-10px;margin-bottom:10px}.home{display:flex;flex-direction:column;align-items:center;margin-top:50px}.home section{margin-top:0rem;margin:20px;display:grid;grid-template-columns:repeat(2,1fr);column-gap:.5rem;row-gap:.5rem}.logo-container{display:flex;align-items:center}.logo-name{padding-top:8px;margin-left:-10px;margin-right:-14px;font-weight:700;font-size:1.8em;color:#7f8080}.page-number{text-align:center;margin-top:40px;font-size:12px}.resource{padding:0rem 1.5rem 1rem 1.3rem;border-radius:.6rem;text-align:left;text-decoration:none;color:#222;background-color:#9ec9cd;border:1px solid transparent;box-shadow:0 2px 6px #0000001a;transition:box-shadow .3s ease-in-out}.resource:hover{box-shadow:0 4px 12px #00000026}section p{text-align:center}section h2{text-align:center}@media (max-width: 639px){footer{width:100%;height:10vh;display:flex;justify-content:center;align-items:center;font-size:14px;bottom:10%}.home{display:flex;flex-direction:column;align-items:center;margin-top:30px}.home section{margin-top:0rem;grid-template-columns:repeat(2,1fr);row-gap:.3rem;column-gap:.3rem}img{margin-bottom:2.5rem;margin-top:0;width:50px}h1{letter-spacing:2px;font-size:1.8em;margin-bottom:10px}h2{font-size:1.2em;margin-bottom:1.2rem}.logo-name{padding-bottom:46px;margin-left:-8px;margin-right:-1px;font-weight:700;font-size:1.4em}.resource{border-radius:.6rem;text-align:left;text-decoration:none;color:#222;border:1px solid transparent;width:64%}}@media (prefers-color-scheme: dark){.resource{color:#fff;background-color:#5e7d7f}.resource:hover{border:1px solid #bbb}}.audio,.audio-joined{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin-top:-16px}.form-container{display:flex;flex-direction:column;align-items:center;margin-top:20px}form{display:flex;flex-direction:column;align-items:center}.btn-join{margin-top:20px;padding:8px 12px;background-color:#4b5563;color:#fff;border:none;border-radius:7px;cursor:pointer;font-size:1.125rem;font-weight:700;letter-spacing:1px}.btn-leave{position:fixed;top:0;right:10px;padding:8px 12px;letter-spacing:1px;color:tomato;background-color:transparent;border:none;border-radius:7px;cursor:pointer;font-size:1.125rem;font-weight:700;margin:4px 0 0}iframe{width:620px;height:84vh;border:none;margin-top:6px;border-radius:12px}.input-username{border-radius:7px;font-size:1.125rem;border:1px solid #808080;padding:8px 12px;font-weight:700}@media (max-width: 639px){img{margin-top:0rem;visibility:visible}main{margin:0!important}.audio{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding-top:0}iframe{width:100%;height:96vh;margin-top:64px;border-radius:12px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;letter-spacing:1px;color:#222;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}#app{display:flex;flex-direction:column;min-height:100vh}a{font-size:1.2em}header{display:flex;justify-content:flex-end}header nav{display:flex;justify-content:space-around;align-items:center;width:100%}header a{color:#fff;padding:.75rem;text-decoration:none}header a.active{background-color:#0005}header a:hover{background-color:#0008}*/ main{flex:auto;display:flex;align-items:center;margin:0 auto;text-align:center}@media (max-width: 639px){main{margin:2rem}header{position:fixed;bottom:0;width:100%;display:flex;justify-content:flex-end}}@media (prefers-color-scheme: dark){:root{color:#dfdfdf;background:#22303d}}