body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(180deg,#0b021d,#603fa8,#b65c98);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}.App{align-items:flex-start;color:#fff;display:flex;font-family:ABeeZee,sans-serif;justify-content:center;overflow-x:hidden;width:100vw}.content-container{width:100%}.screen{height:100vh;justify-content:center;width:100%}.screen,.side-nav{align-items:center;display:flex}.side-nav{backdrop-filter:blur(6.8px);-webkit-backdrop-filter:blur(6.8px);background:hsla(0,0%,100%,.17);border:1px solid hsla(0,0%,100%,.3);border-radius:100px;box-shadow:0 4px 30px rgba(0,0,0,.1);flex-direction:column;font-size:30px;height:160px;justify-content:space-evenly;left:15px;position:fixed;top:calc(50% - 80px);width:50px;z-index:5}.side-nav>a:hover *{color:#61abf0}.side-nav>a:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);transition:all .2s ease-in-out}@media (max-width:600px){.side-nav{all:unset;align-items:center;backdrop-filter:blur(6.8px);-webkit-backdrop-filter:blur(6.8px);background:hsla(0,0%,100%,.17);border:1px solid hsla(0,0%,100%,.3);border-radius:100px;bottom:15px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;font-size:25px;gap:10%;height:40px;justify-content:center;padding-top:2%;position:fixed;width:160px;z-index:5}}.nav-container{align-items:center;backdrop-filter:blur(6.8px);-webkit-backdrop-filter:blur(6.8px);background:hsla(0,0%,100%,.17);border:1px solid red;border:1px solid hsla(0,0%,100%,.3);border-radius:100px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;height:50px;justify-content:space-evenly;position:fixed;top:15px;width:350px;z-index:5}.nav-container>*{cursor:pointer;font-weight:700;text-transform:uppercase}.nav-container>a:hover{color:#61abf0;-webkit-transform:translateY(-1.5px);transform:translateY(-1.5px);transition:all .2s ease-in-out}.home-box{color:#49bdda;flex-direction:column}.home-box>h1,h3{margin:0;width:400px}.home-box>h1{-webkit-animation:slideFromRight 1s;animation:slideFromRight 1s;color:#fff;font-size:60px;text-shadow:0 0 15px #bafffe}.home-box>h3{-webkit-animation:slideFromLeft 1s;animation:slideFromLeft 1s}.home-box>.text-one{font-size:30px;padding-top:10px}.home-box>.text-two{font-size:20px;padding-top:10px}.hello{color:#49bdda;font-size:20px;text-shadow:none}@-webkit-keyframes slideFromRight{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideFromRight{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideFromLeft{0%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideFromLeft{0%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:600px){.home-box>h1,h3{width:80vw}}.about-box{flex-direction:row-reverse;gap:5vw;justify-content:center}.about-left{align-items:center;display:flex;flex-direction:column;justify-content:center;width:30%}.about-left>.pic{background-image:url(/static/media/pp.eed532b80c59ebf27027.jpg);background-position:50%;background-size:cover;border:10px solid #fff;border-radius:100vh;-webkit-filter:grayscale(1);filter:grayscale(1);height:40vh;transition:all .5s;width:40vh}.about-left>.pic:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.about-left>a{align-items:center;background-color:#61abf0;border:1px solid #fff;border-radius:5px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;margin:40px;text-decoration:none;transition:all .3s ease-in-out;width:150px}.about-left>a:hover{background-color:#a9a8a8;border-radius:50px}.about-right{width:40%}.exp-box{align-items:center;display:flex;flex-direction:row;font-size:20px;justify-content:space-between}.exp-box>div{height:15vh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.exp-box>div>*{height:50%;margin:0}.exp-box>div>p{font-size:15px}.exp-box>div>h4{text-align:center}@media (max-width:600px){.about-box{flex-direction:column-reverse;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.about-left>a{margin:20px}.about-left,.about-right{height:50%;width:90%}.about-left{gap:10px}.about-left>.pic{height:20vh;margin:20px;width:20vh}.exp-box{align-items:flex-start;font-size:18px;justify-content:center}.exp-box>div{width:33.33333%}.exp-box>div>*{height:50%}}.project-box{justify-content:space-evenly;margin-top:-200px}.project-title{height:200px;text-align:center}.characterCard,.project-title{align-items:center;display:flex;justify-content:center}.characterCard{-webkit-animation:pop .5s ease-in;animation:pop .5s ease-in;flex-direction:column;height:25vh;width:25vh}.characterName:hover>.project-info{opacity:1}.project-info{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.8);color:#fff;display:flex;font-size:20px;height:100%;justify-content:center;opacity:0;padding:5px;text-align:center;transition:opacity .2s;width:100%}@-webkit-keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.characterCard:hover .characterName{-webkit-transform:translateY(-15vh);transform:translateY(-15vh);z-index:4}.characterCard:hover .characterQuote{-webkit-transform:translateY(15vh);transform:translateY(15vh);z-index:3}.characterName{background-position:50%;background-size:cover;border:3px solid hsla(0,0%,100%,.9);border-radius:3vh;box-shadow:2.8px 2.8px 2.2px rgba(0,0,0,.02),6.7px 6.7px 5.3px rgba(0,0,0,.028),12.5px 12.5px 10px rgba(0,0,0,.035),22.3px 22.3px 17.9px rgba(0,0,0,.042),41.8px 41.8px 33.4px rgba(0,0,0,.05),100px 100px 80px rgba(0,0,0,.07);color:hsla(0,0%,100%,0);flex-wrap:wrap;font-size:25px;font-weight:bolder;height:35vh;overflow:hidden;text-transform:capitalize;width:35vh;z-index:2}.characterName,.characterQuote{align-items:center;display:flex;justify-content:center;position:absolute;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.characterQuote{backdrop-filter:blur(6.8px);-webkit-backdrop-filter:blur(6.8px);background:hsla(0,0%,100%,.17);border:1px solid hsla(0,0%,100%,.3);border-radius:1vh;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);height:30vh;overflow:scroll;row-gap:30px;width:30vh}.characterQuote,.quotes{flex-direction:column;overflow:hidden}.quotes{align-items:center;display:flex;height:90%;justify-content:center;list-style:none;margin:auto;text-decoration:none;width:90%}.quotes>h2{margin-bottom:10px;text-align:center}.quotes>a{background-color:#61abf0;border:1px solid #fff;border-radius:5px;margin-bottom:10px;padding:5px;transition:all .4s ease-in-out;width:75px}.quotes>a:hover{background-color:#a9a8a8;border-radius:50px}.quoteText{border-bottom:1px solid #c2c2c2;font-size:2vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:5px;padding-top:5px;width:100%}.tools{bottom:5%;display:flex;font-size:25px;gap:5px;position:fixed}@media (max-width:600px){.project-box{flex-direction:column;margin-top:-50px}.quotes>h2{font-size:22px}.characterCard,.characterName,.characterQuote{height:23vh;width:23vh}.characterCard:hover .characterName{-webkit-transform:translateX(-23vw);transform:translateX(-23vw);z-index:4}.characterCard:hover .characterQuote{-webkit-transform:translateX(23vw);transform:translateX(23vw);z-index:3}.quotes{overflow:hidden}.tools{font-size:20px;margin:10px;position:relative}.project-title{align-items:flex-end;height:110px}.project-title>*{margin:0}.project-info{font-size:18px}}.contact-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.contact-container>h3{text-align:center}.contact-content{display:flex;flex-direction:column;justify-content:space-between}.contact-content>a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-content>a:hover{color:#61abf0;-webkit-transform:translateY(-1.5px);transform:translateY(-1.5px);transition:all .2s ease-in-out}.contact-content>a:hover *{color:#61abf0}@media (max-width:600px){.contact-content{padding-left:20px;padding-right:20px}}
/*# sourceMappingURL=main.595a1a1f.css.map*/