@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300&display=swap);:root{--green:#6afb82;--black:#050505;--white:#fff;--font-large:3rem;--font-medium:1.5rem;--font-small:1rem}@media screen and (min-width:700px){:root{--font-large:4rem;--font-medium:1.8rem;--font-small:1.1rem}}*{box-sizing:border-box;margin:0;padding:0}body{background:#050505;background:var(--black);color:#fff;color:var(--white);display:grid;font-family:Roboto Condensed,sans-serif;min-height:100vh;place-content:center;place-items:center;text-align:center}.green{color:#6afb82;color:var(--green)}.header{align-items:center;display:flex;flex-direction:column;justify-content:center}.header-image{border-radius:50%;height:150px;margin:0 1rem 2rem 0;object-fit:cover;width:150px}.header .title{font-family:Luckiest Guy,cursive;font-size:3rem;font-size:var(--font-large);margin:0 0 .5rem 1rem;text-align:center}.header .sub-title{font-size:1rem;font-size:var(--font-small);font-weight:300}.quote{font-size:1.5rem;font-size:var(--font-medium);font-weight:300;line-height:1.4;margin-top:1rem;max-width:700px;padding:2rem}.btn,.quote{letter-spacing:.1rem}.btn{background:transparent;border:1px solid #6afb82;border:1px solid var(--green);border-radius:4px;color:inherit;cursor:pointer;font-family:inherit;font-size:1rem;font-size:var(--font-small);padding:1rem;text-transform:uppercase}.btn:hover{background-color:#6afb82;background-color:var(--green);color:#050505;color:var(--black);transition:.3s linear}@media screen and (min-width:800px){.header{flex-direction:row}.header-image{height:225px;width:225px}}.error h3{color:#6afb82;color:var(--green);font-family:Luckiest Guy,cursive;font-size:3rem;font-size:var(--font-large)}.error p{font-size:var(--font-med);letter-spacing:.2rem;margin-bottom:2rem}.loader,.loader:after,.loader:before{-webkit-animation:load 1s ease-in-out infinite;animation:load 1s ease-in-out infinite;background:#6afb82;background:var(--green);height:4em;width:1em}.loader{-webkit-animation-delay:-.16s;animation-delay:-.16s;color:#6afb82;color:var(--green);font-size:11px;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0)}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-1.5em}.loader:after{left:1.5em}@-webkit-keyframes load{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}
/*# sourceMappingURL=main.5893c64e.css.map*/