@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);:root{--bg-color:#0e091b;--color-white:#fefbfb;--color-grey:#c9c9c9}*{font-family:Josefin Sans,sans-serif}body{color:var(--color-white);background:linear-gradient(90deg,#0e091b 20%,#0a0613 100%,#0a0613 0)}.logoContainer{display:grid;place-items:center;margin-bottom:3.75rem;height:15.625rem}.logoContainer h1{font-weight:500;opacity:0}.logoGuardian{height:18.125rem}.buttonsContainer{display:flex;justify-items:center;flex-wrap:wrap;max-width:37.5rem;margin:0 auto;gap:20px;margin-bottom:11.25rem}.buttonsContainer #discord{flex-grow:1;flex-basis:31.25rem;width:12.5rem}.buttonsContainer a{background:linear-gradient(135deg,#434545,#313131);transition:all all .22s;border-radius:.1875rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.483)}.buttonsContainer a:hover{background:linear-gradient(135deg,#110b21,#110b21,#1e1439,#1e1439);background-size:750% 800%;transition:all all .22s;-webkit-animation:gradient 5s cubic-bezier(.62,.28,.23,.99) infinite both;animation:gradient 5s cubic-bezier(.62,.28,.23,.99) infinite both;box-shadow:0 .0625rem .125rem #000}.article{min-height:5rem;display:flex;justify-content:center;align-items:center}.buttonsContainer a{text-decoration:none;flex-basis:12.5rem;justify-content:space-between;flex-grow:1}.buttonsContainer a:hover{border-color:#fff}h2{color:#fff;font-weight:300;letter-spacing:.0625rem}.icon{height:1.75rem;margin-right:1.125rem;margin-bottom:.3125rem}@-webkit-keyframes gradient{0%{background-position:0 50%;transition:all all .1s}50%{background-position:100% 50%;transition:all all .1s}to{background-position:0 50%;transition:all all .1s}}@keyframes gradient{0%{background-position:0 50%;transition:all all .1s}50%{background-position:100% 50%;transition:all all .1s}to{background-position:0 50%;transition:all all .1s}}p{margin-left:.625rem;margin-bottom:.9375rem}.footerContainer,p{justify-content:center;align-items:center;text-align:center}.iconFooter{height:2.5rem;margin-left:.75rem}#app{height:100vh;display:flex;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat;background-position:50%}