body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.intro{text-align:start}.intro a{all:unset;cursor:pointer;font-size:2rem;transition:all is ease;transition-duration:.2s}.intro a:hover{color:#14223b}.top-span{align-items:center;display:inline-flex;flex-direction:row;font-size:3rem;justify-content:space-between;padding-bottom:3rem;width:100%}.fade{-webkit-animation:text-fade 1s ease;animation:text-fade 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes text-fade{0%{opacity:0}to{opacity:1}}@keyframes text-fade{0%{opacity:0}to{opacity:1}}.first-fade{-webkit-animation-delay:2s;animation-delay:2s}.second-fade{-webkit-animation-delay:3.75s;animation-delay:3.75s}.third-fade{-webkit-animation-delay:5.5s;animation-delay:5.5s}.fourth-fade{-webkit-animation-delay:7.5s;animation-delay:7.5s}.fifth-fade{-webkit-animation-delay:9.25s;animation-delay:9.25s}.sixth-fade{-webkit-animation-delay:10.75s;animation-delay:10.75s}h1{font-size:3rem;margin:0;padding:0}.second-group{padding-bottom:2rem;text-align:start}h2{font-size:2rem;padding-bottom:.5rem;padding-top:.5rem}h2,h3{margin:0;padding-left:1rem}h3{font-size:1.5rem;padding-bottom:.35rem;padding-top:.35rem}.third-group{padding-bottom:2rem;text-align:start}.contact{align-items:center;display:inline-flex;flex-direction:row;gap:1rem;justify-content:flex-start;margin:0;padding-left:1rem}.fade-out{-webkit-animation:fade-out .2s;animation:fade-out .2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:1}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media screen and (min-width:1000px){.contact,h2,h3{padding-left:1.5rem}}.project{align-items:center;box-sizing:border-box;display:inline-flex;flex-direction:column;gap:1.5rem;justify-content:space-around;min-height:100%;min-width:100%;padding:1rem;transition:all is ease;transition-duration:.2s}.project a{all:unset}.project-content{transition:all is ease;transition-duration:.2s}.project-content-fade{-webkit-animation:project-content-fade 1s;animation:project-content-fade 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes project-content-fade{0%{opacity:0}to{opacity:1}}@keyframes project-content-fade{0%{opacity:0}to{opacity:1}}.preview{-webkit-animation-delay:12s;animation-delay:12s;border-radius:10px;cursor:pointer;-webkit-filter:drop-shadow(8px 8px 5px #182944);filter:drop-shadow(8px 8px 5px #182944);height:auto;max-height:35vh;max-width:90%;transition:all is ease;transition-duration:.2s;width:auto}.preview:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.info{align-items:center;-webkit-animation-delay:12.1s;animation-delay:12.1s;background:linear-gradient(to bottom right,#7eacf7,#5c8ad4);border-radius:10px;display:flex;-webkit-filter:drop-shadow(8px 8px 5px #182944);filter:drop-shadow(8px 8px 5px #182944);flex-direction:column;flex-grow:1;gap:1.5rem;justify-content:center;max-width:90%;padding:1rem;transition:all is ease;transition-duration:.2s}.info:before{align-self:stretch;border:1px solid #21375c;content:""}.title{-webkit-animation-delay:12.1s;animation-delay:12.1s;cursor:pointer;font-size:2rem;font-weight:700;text-align:center;transition:all is ease;transition-duration:.2s}.title:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.description{-webkit-animation-delay:12.2s;animation-delay:12.2s;font-size:1.25rem;text-align:center;transition:all is ease;transition-duration:.2s}.tech{align-items:center;-webkit-animation-delay:12.3s;animation-delay:12.3s;display:inline-flex;flex-direction:row;flex-wrap:wrap;font-size:2rem;gap:1rem;justify-content:space-around;max-width:90%;transition:all is ease;transition-duration:.2s}button{all:unset;align-items:center;cursor:pointer;display:flex;justify-content:center;transition:all is ease;transition-duration:.2s}button:hover{color:#14223b}@media screen and (min-width:400px){.info,.preview,.tech{max-width:100%}}@media screen and (min-width:640px){.project{padding:2rem}}.outer-wrapper{-webkit-animation:gradient 10s ease infinite;animation:gradient 10s ease infinite;background:linear-gradient(to bottom right,#020031,#00222b,#020031,#00222b);background-size:300% 300%;justify-content:center;min-height:calc(100% - 6rem);padding-bottom:3rem;padding-top:3rem;transition:all is ease;transition-duration:1s;width:100%;will-change:transform}.inner-wrapper,.outer-wrapper{align-items:center;display:flex}.inner-wrapper{-webkit-animation:fade-in 2s;animation:fade-in 2s;background:linear-gradient(to bottom right,#4789eb,#1e2f66);border-radius:10px;box-sizing:border-box;-webkit-filter:drop-shadow(10px 10px 0 #182655ab);filter:drop-shadow(10px 10px 0 #182655ab);flex-direction:column;gap:3rem;justify-content:space-around;min-height:90%;padding:1rem;width:90%}@-webkit-keyframes fade-in{0%{background:linear-gradient(to bottom right,#4789eb,#1e2f66,#4789eb00,#1e2f6600);background-position:100% 100%;background-size:300% 300%}to{background:linear-gradient(to bottom right,#4789eb,#1e2f66,#4789eb00,#1e2f6600);background-position:0 0;background-size:300% 300%}}@keyframes fade-in{0%{background:linear-gradient(to bottom right,#4789eb,#1e2f66,#4789eb00,#1e2f6600);background-position:100% 100%;background-size:300% 300%}to{background:linear-gradient(to bottom right,#4789eb,#1e2f66,#4789eb00,#1e2f6600);background-position:0 0;background-size:300% 300%}}.slideshow{display:flex;flex-direction:column;height:100%;margin:0;max-width:100%;overflow:hidden;transition:all is ease;transition-duration:.2s}.slideshow-fade{-webkit-animation:slideshow-fade 2;animation:slideshow-fade 2;-webkit-animation-delay:11s;animation-delay:11s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-filter:drop-shadow(0 0 5px #182944);filter:drop-shadow(0 0 5px #182944)}@-webkit-keyframes slideshow-fade{0%{-webkit-filter:drop-shadow(0 0 5px #182944);filter:drop-shadow(0 0 5px #182944)}to{-webkit-filter:drop-shadow(5px 5px 5px #182944);filter:drop-shadow(5px 5px 5px #182944)}}@keyframes slideshow-fade{0%{-webkit-filter:drop-shadow(0 0 5px #182944);filter:drop-shadow(0 0 5px #182944)}to{-webkit-filter:drop-shadow(5px 5px 5px #182944);filter:drop-shadow(5px 5px 5px #182944)}}.slider-wrapper{border-radius:10px;max-height:90%;min-height:90%;min-width:100%;transition:all is ease;transition-duration:.2s}.slider-wrapper-fade{-webkit-animation:slider-fade 2s;animation:slider-fade 2s;-webkit-animation-delay:11s;animation-delay:11s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:linear-gradient(to bottom right,#4d81d400,#34589200)}@-webkit-keyframes slider-fade{0%{background:linear-gradient(to bottom right,#4d81d4,#345892,#4d81d400,#34589200);background-position:100% 100%;background-size:300% 300%}to{background:linear-gradient(to bottom right,#4d81d4,#345892,#4d81d400,#34589200);background-position:0 0;background-size:300% 300%}}@keyframes slider-fade{0%{background:linear-gradient(to bottom right,#4d81d4,#345892,#4d81d400,#34589200);background-position:100% 100%;background-size:300% 300%}to{background:linear-gradient(to bottom right,#4d81d4,#345892,#4d81d400,#34589200);background-position:0 0;background-size:300% 300%}}.slideshow-slider{display:flex;flex-direction:row;min-height:100%;min-width:100%;transition:all is ease;transition-duration:1s;white-space:nowrap}.project-wrapper{min-height:100%;min-width:100%;transition:all is ease;transition-duration:.2s;white-space:normal}.image-icon{-webkit-filter:brightness(0);filter:brightness(0);height:2rem;width:2rem}.slideshow-buttons{text-align:center}.slideshow-buttons-fade{-webkit-animation:slideshow-buttons-fade 2s;animation:slideshow-buttons-fade 2s;-webkit-animation-delay:12s;animation-delay:12s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes slideshow-buttons-fade{0%{opacity:0}to{opacity:1}}@keyframes slideshow-buttons-fade{0%{opacity:0}to{opacity:1}}.slideshow-button{background-color:#5c8ad4;border-radius:50%;cursor:pointer;display:inline-block;height:1.5rem;margin:1rem;transition:all is ease;transition-duration:.2s;width:1.5rem}.slideshow-button.active{background-color:#3873d1}@-webkit-keyframes skip-button-fade{0%{opacity:0}to{opacity:1}}@keyframes skip-button-fade{0%{opacity:0}to{opacity:1}}@media screen and (min-width:400px){.inner-wrapper{padding:2rem}.slideshow{max-width:90%}.slideshow-button{height:2rem;width:2rem}}@media screen and (min-width:640px){.inner-wrapper{-webkit-filter:drop-shadow(15px 15px 0 #182655ab);filter:drop-shadow(15px 15px 0 #182655ab);padding:3rem}.slideshow{max-width:65%}}@media screen and (min-width:1000px){.inner-wrapper{-webkit-filter:drop-shadow(30px 30px 0 #182655ab);filter:drop-shadow(30px 30px 0 #182655ab);flex-direction:row}.slideshow{max-width:40%}}body{background-color:#000;bottom:0;left:0;position:absolute;right:0;text-align:center;top:0}#root,body{height:100%;width:100%}#root{-webkit-animation:none;animation:none;background:linear-gradient(to bottom right,#020031,#00222b,#020031,#00222b);background-size:300% 300%;min-width:320px}@-webkit-keyframes gradient{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes gradient{0%{background-position:0 0}to{background-position:100% 100%}}
/*# sourceMappingURL=main.f76a287e.css.map*/