@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#1f2632;background-color:var(--Dark-Blue);font-family:Playfair Display,serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--Light-Cyan:#cee3e9;--Neon-Green:#52ffa8;--Grayish-Blue:#4e5d73;--Dark-Grayish-Blue:#323a49;--Dark-Blue:#1f2632}.App{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container{background-color:#323a49;background-color:var(--Dark-Grayish-Blue);border-radius:10px;box-shadow:0 0 40px 0 rgba(82,255,168,.62);-webkit-box-shadow:0 0 40px 0 rgba(82,255,168,.62);-moz-box-shadow:0 0 40px 0 rgba(82,255,168,.62);padding:60px 40px;width:30%}.container p{font-size:1.8rem;font-weight:700;margin:20px 0;text-align:center}.container h4,.container p{color:#cee3e9;color:var(--Light-Cyan)}.container h4{font-size:1.3rem}.container .button-container{align-items:center;display:flex;justify-content:center;margin:30px 0}.container .button-container button{background-color:initial;border:1px solid #52ffa8;border:1px solid var(--Neon-Green);border-radius:10px;color:#cee3e9;color:var(--Light-Cyan);cursor:pointer;font-size:.9rem;padding:10px 30px;transition:all .45s ease-in-out;width:40%}.container .button-container button:hover{background-color:#52ffa8;background-color:var(--Neon-Green);color:#1f2632;color:var(--Dark-Blue)}@media (max-width:500px){.container{width:90%}.container p{font-size:1rem}.container h4{font-size:.8rem}.container .button-container button{font-size:.7rem;width:70%}}@media (max-width:700px){.container{width:70%}.container .button-container button{width:80%}}@media (max-width:900px){.container{width:50%}}
/*# sourceMappingURL=main.a26f1d23.css.map*/