@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap);@media (max-width:1024px){#projects{position:absolute!important}}@media (max-width:768px){#navigation a{font-size:2rem!important;line-height:2rem!important}}@media (max-width:620px){#nav-container,#nav-container #nav-wrapper{-webkit-flex-direction:column;flex-direction:column}}@media (max-width:425px){#projects .highlight-project,#projects .normal-project{height:100vw!important;width:100vw!important}#projects h2{font-size:2rem}}*,body{margin:0;padding:0;font-family:"Oswald",sans-serif}body{background:linear-gradient(142deg,#bb4430 30%,#231f20 30.1%,transparent 30.5%);height:100vh;background-color:#fafafa}body:before{background:linear-gradient(57deg,#bb4430 30%,#231f20 30.1%,transparent 30.5%);position:absolute;height:100%;width:100%;content:""}#welcome{position:fixed;width:100vw;height:100vh;min-width:800px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:22}#welcome #greet{fill:transparent;stroke:#fff;font-size:10rem;font-weight:400;stroke-width:5;stroke-linejoin:round;stroke-linecap:round;-webkit-animation:animateText 7s forwards,glow 1s ease-in-out infinite alternate;animation:animateText 7s forwards,glow 1s ease-in-out infinite alternate}#welcome .hide-welcome{-webkit-animation:hideText 1.1s,glow 1.1s ease-in-out infinite alternate!important;animation:hideText 1.1s,glow 1.1s ease-in-out infinite alternate!important}#welcome a{position:absolute;left:50%;top:55%;text-decoration:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#000;font-size:2em}@-webkit-keyframes animateText{0%{stroke-dasharray:0 100%}to{stroke-dasharray:100% 0}}@keyframes animateText{0%{stroke-dasharray:0% 100%}to{stroke-dasharray:100% 0%}}@-webkit-keyframes hideText{0%{stroke-dasharray:100% 0}to{stroke-dasharray:0 100%}}@keyframes hideText{0%{stroke-dasharray:100% 0%}to{stroke-dasharray:0% 100%}}@-webkit-keyframes glow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #bb4430,0 0 40px #bb4430,0 0 50px #bb4430,0 0 60px #bb4430,0 0 70px #bb4430}to{text-shadow:0 0 20px #fff,0 0 30px #588b8b,0 0 40px #84c318,0 0 50px #588b8b,0 0 60px #588b8b,0 0 70px #588b8b,0 0 80px #588b8b}}@keyframes glow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #bb4430,0 0 40px #bb4430,0 0 50px #bb4430,0 0 60px #bb4430,0 0 70px #bb4430}to{text-shadow:0 0 20px #fff,0 0 30px #588b8b,0 0 40px #84c318,0 0 50px #588b8b,0 0 60px #588b8b,0 0 70px #588b8b,0 0 80px #588b8b}}@-webkit-keyframes waitClick{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(3%);transform:translateY(3%)}}@keyframes waitClick{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(3%);transform:translateY(3%)}}#navigation{background:#bb4430;box-shadow:0 5px 5px #231f20;width:100vw;position:fixed;z-index:10;pointer-events:none;display:-webkit-flex;display:flex;top:0;-webkit-animation:initializeNav .7s;animation:initializeNav .7s}#navigation,#navigation a{padding:.5rem;color:#231f20}#navigation a{text-decoration:none;font-size:2.5rem;line-height:2.5rem;font-weight:700;transition:all .2s}#navigation a:hover{color:#fafafa}.default-nav{transition:all .7s}.active-page{color:#231f20!important;background:#ffe082;border-radius:.3em}@-webkit-keyframes initializeNav{0%{top:-100%}}@keyframes initializeNav{0%{top:-100%}}#nav-container{display:-webkit-flex;display:flex;transition:all .7s}#logo{width:3rem;margin:0 2rem 0 1rem}#nav-wrapper{margin-right:1rem}#account-wrapper,#nav-wrapper{display:-webkit-flex;display:flex;pointer-events:all}#account-wrapper a{text-decoration:none;color:#231f20;font-size:2.5rem;font-weight:700;transition:color .2s,-webkit-transform .2s;transition:color .2s,transform .2s;transition:color .2s,transform .2s,-webkit-transform .2s}#account-wrapper a:hover{color:#fafafa;-webkit-transform:scale(1.1);transform:scale(1.1)}#home{position:fixed;width:100vw;height:100vh;overflow:visible;opacity:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.show-home{-webkit-animation:show 2s ease .2s forwards;animation:show 2s ease .2s forwards}.hide-home{-webkit-animation:hide 2s ease 0s forwards;animation:hide 2s ease 0s forwards}#data-home{text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#data-home span{font-size:1.2em;color:#bb4430}#data-home h1{margin:2rem 0}#data-home h2{margin:0}#data-home:before{width:350px;height:350px;border-color:#231f20;border-width:7px;-webkit-animation:borderSpin 15s cubic-bezier(.51,-.02,.65,1.06) infinite;animation:borderSpin 15s cubic-bezier(.51,-.02,.65,1.06) infinite}#data-home:after,#data-home:before{position:absolute;content:"";padding:4rem;border-radius:50%;border-style:dotted dashed}#data-home:after{width:330px;height:330px;border-color:#588b8b;border-width:4px;-webkit-animation:borderSpin2 15s cubic-bezier(.51,-.02,.65,1.06) infinite;animation:borderSpin2 15s cubic-bezier(.51,-.02,.65,1.06) infinite}@-webkit-keyframes borderSpin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes borderSpin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes borderSpin2{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes borderSpin2{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}#highlight-projects-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-flex-wrap:wrap;flex-wrap:wrap}.highlight-project{height:28vh;width:28vh;margin:.5rem;position:relative}.highlight-project img{height:100%;width:100%;-webkit-transform:scale(.98);transform:scale(.98)}.highlight-project__bracket{position:absolute;left:0;top:0;transition:all .4s}.highlight-project:hover .highlight-project__bracket{background:rgba(245,251,239,.45098039215686275);-webkit-transform:scale(1.08);transform:scale(1.08)}.highlight-project:hover .highlight-project__rect{-webkit-animation:bracketAnimation 5s infinite alternate;animation:bracketAnimation 5s infinite alternate}.highlight-project:hover .highlight-project__info{opacity:1}.highlight-project__rect{fill:transparent;stroke-width:13;stroke:#bb4430;stroke-dasharray:272.44;stroke-dashoffset:136.22}.highlight-project__info{opacity:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;position:absolute;left:0;top:0;color:#bb4430;transition:all .4s}.highlight-project__info:before{content:attr(text);margin:.83em 0;font-size:1.5em;font-weight:700}.highlight-project__icons{-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%;font-size:1.5rem;transition:all .4s}.highlight-project__icons,.highlight-project__icons a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.highlight-project__icons a{height:3rem;width:3rem;border-radius:50%;background:#bb4430;color:#f5fbef;-webkit-justify-content:center;justify-content:center;transition:all .15s}.highlight-project__icons a:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}@-webkit-keyframes bracketAnimation{0%{stroke-dashoffset:136.22}50%{stroke-dashoffset:186.22}to{stroke-dashoffset:76.22}}#normal-projects-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-flex-wrap:wrap;flex-wrap:wrap}.normal-project{height:25vh;width:25vh;margin:.5rem;position:relative}.normal-project img{height:100%;width:100%;-webkit-transform:scale(.98);transform:scale(.98)}.normal-project__bracket{position:absolute;left:0;top:0;transition:all .4s}.normal-project:hover .normal-project__bracket{background:rgba(245,251,239,.45098039215686275);-webkit-transform:scale(1.08);transform:scale(1.08)}.normal-project:hover .normal-project__rect{-webkit-animation:bracketAnimation 5s infinite alternate;animation:bracketAnimation 5s infinite alternate}.normal-project:hover .normal-project__info{opacity:1}.normal-project__rect{fill:transparent;stroke-width:13;stroke:#bb4430;stroke-dasharray:272.44;stroke-dashoffset:136.22}.normal-project__info{opacity:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;position:absolute;left:0;top:0;color:#bb4430;transition:all .4s}.normal-project__info:before{content:attr(text);margin:.83em 0;font-size:1.5em;font-weight:700}.normal-project__icons{-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%;font-size:1.5rem;transition:all .4s}.normal-project__icons,.normal-project__icons a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.normal-project__icons a{height:3rem;width:3rem;border-radius:50%;background:#bb4430;color:#f5fbef;-webkit-justify-content:center;justify-content:center;transition:all .15s}.normal-project__icons a:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}@keyframes bracketAnimation{0%{stroke-dashoffset:136.22}50%{stroke-dashoffset:186.22}to{stroke-dashoffset:76.22}}#projects{position:fixed;overflow-x:visible;width:100vw;top:8rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;opacity:0;-webkit-animation:show 2s ease .2s forwards;animation:show 2s ease .2s forwards}#projects h1{margin:0 0 2rem}.hide-projects{-webkit-animation:hide 2s ease 0s forwards;animation:hide 2s ease 0s forwards}@-webkit-keyframes show{0%{opacity:1;-webkit-transform:scale(1) translateX(100vw);transform:scale(1) translateX(100vw)}30%{-webkit-transform:scale(.8,1.2) translateX(-10vw);transform:scale(.8,1.2) translateX(-10vw)}50%{-webkit-transform:scaleY(.8) translateX(5vw);transform:scaleY(.8) translateX(5vw)}to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@keyframes show{0%{opacity:1;-webkit-transform:scale(1) translateX(100vw);transform:scale(1) translateX(100vw)}30%{-webkit-transform:scale(.8,1.2) translateX(-10vw);transform:scale(.8,1.2) translateX(-10vw)}50%{-webkit-transform:scaleY(.8) translateX(5vw);transform:scaleY(.8) translateX(5vw)}to{opacity:1;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}}@-webkit-keyframes hide{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:scale(1) translateX(110vw);transform:scale(1) translateX(110vw)}30%{-webkit-transform:scale(.8,1.2) translateX(110vw);transform:scale(.8,1.2) translateX(110vw)}to{opacity:1;-webkit-transform:scale(1) translateX(100vw);transform:scale(1) translateX(100vw)}}@keyframes hide{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:scale(1) translateX(110vw);transform:scale(1) translateX(110vw)}30%{-webkit-transform:scale(.8,1.2) translateX(110vw);transform:scale(.8,1.2) translateX(110vw)}to{opacity:1;-webkit-transform:scale(1) translateX(100vw);transform:scale(1) translateX(100vw)}}#contact{position:fixed;width:100vw;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;opacity:0}.show-contact{-webkit-animation:show 2s ease .2s forwards;animation:show 2s ease .2s forwards}.hide-contact{-webkit-animation:hide 2s ease 0s forwards;animation:hide 2s ease 0s forwards}.App{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{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}footer{background:#bb4430;box-shadow:0 -5px 5px #231f20;-webkit-transform:rotate(296deg) translateY(94%);transform:rotate(296deg) translateY(94%);position:fixed;height:100vh;width:100vw;pointer-events:none;z-index:11;transition:all .7s}.footer-on-projects{-webkit-transform:rotate(270deg) translateY(131%);transform:rotate(270deg) translateY(131%)}.footer-on-projects #account-wrapper{right:22.3%!important}@-webkit-keyframes icons{0%{right:0}}@keyframes icons{0%{right:0}}
/*# sourceMappingURL=main.e5becc7a.chunk.css.map */