body{visibility:hidden;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body::-webkit-scrollbar{display:none}.App{height:100%;width:100%;background-color:#000}html body{height:100%;overflow:auto}section{position:fixed;width:100%;height:100%;overflow:hidden;top:0;left:0}.second .line{opacity:0}section:not(.first){background-color:#ebe8e2;opacity:.3;visibility:hidden;transform:scale(.8)}.arc-scroll{position:absolute;bottom:4rem;right:4rem;border-radius:50%;border:3px dotted #f5f5f5;display:flex;justify-content:center;align-items:center;width:18rem;height:18rem;color:#f0f8ff;font-size:2rem}@media screen and (max-width:542px){.arc-scroll{width:12rem;height:12rem;right:1rem}}.section-img{width:100vw;position:fixed;height:100vh;z-index:-2;background:url(/static/media/main.88214c45.jpg) 50%;background-size:cover;top:0}.inactive{opacity:0;filter:blur(10px);z-index:-5;transform:translateY(20em) scaleY(1.5)}.active{opacity:1;filter:blur(0);transform:scaleY(1);z-index:-2}.preview-image-3{max-width:60rem;width:60rem;opacity:0;position:fixed;height:60rem;z-index:5;filter:blur(10px);background-size:cover;transform:scale(1)}#stalker{position:fixed;width:25rem;height:25rem;border:#292020;border-style:dotted;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:199;font-weight:700;transition:.3s;pointer-events:none;transition-timing-function:ease-out}#stalker-arrow{font-size:5rem;display:inline-block}@media screen and (max-width:542px){#stalker{width:14rem;height:14rem}}@media screen and (max-width:542px){.preview-image-3{width:100vw}}.Archieve{scroll-behavior:smooth;overflow:hidden}.Archieve .archieve-intro{width:100vw;height:100vh;overflow:hidden;background-color:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;padding:0}.Archieve .archieve-intro #canvas1{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.Archieve .archieve-intro .arc-line{transform:translateY(-100%)}.Archieve .archieve-intro .arc-line .arc-text{position:relative;color:#555;margin-top:.5rem;font-size:5rem;font-family:"MonteCarlo",serif}@media screen and (max-width:560px){.Archieve .archieve-intro .arc-line .arc-text{font-size:4rem}}@media screen and (max-width:410px){.Archieve .archieve-intro .arc-line .arc-text{font-size:3rem}}.Archieve .archieve-intro .arc-text-left{position:absolute;transform:rotate(-90deg);top:12rem;left:4rem;font-size:4rem;font-family:"Oranienbaum",serif}@media screen and (max-width:980px){.Archieve .archieve-intro .arc-text-left{left:0}}@media screen and (max-width:560px){.Archieve .archieve-intro .arc-text-left{left:-3rem}}@media screen and (max-width:410px){.Archieve .archieve-intro .arc-text-left{top:6rem;left:-5rem}}.Archieve .archieve-intro .arc-text-right{position:absolute;bottom:12rem;right:4rem;font-size:4rem;font-family:"Oranienbaum",serif}@media screen and (max-width:980px){.Archieve .archieve-intro .arc-text-right{right:2rem}}@media screen and (max-width:560px){.Archieve .archieve-intro .arc-text-right{bottom:4rem}}.Archieve .archieve-intro .arc-scroll{position:absolute;bottom:4rem;left:4rem;border-radius:50%;border:3px dotted #f5f5f5;display:flex;justify-content:center;align-items:center;width:18rem;height:18rem;color:#f0f8ff;font-size:2rem}@media screen and (max-width:410px){.Archieve .archieve-intro .arc-scroll{width:12rem;height:12rem;left:1rem}}.Archieve .archieve-second{width:100vw;height:auto;position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;color:#fff;margin:0;padding:0}.Archieve .archieve-second .arc-sec-text{font-size:12rem;margin-top:4rem;color:#f0f8ff;font-family:"Oranienbaum",serif}.Archieve .archieve-second .arc-sec-left{position:absolute;left:0;width:50%;top:0;bottom:0;z-index:-2;background-color:#111}.Archieve .archieve-second .arc-sec-right{position:absolute;left:50%;width:50%;top:0;right:0;bottom:0;border-left:.5px solid #555353;z-index:-2;background-color:#111}.Archieve .archieve-second .sec-progress-bar{position:fixed;top:0;left:85%;background:hsla(0,40%,98%,.4);width:5px;z-index:1}.Archieve .archieve-second .sec-navigation-wrapper ul{margin-bottom:12rem;list-style:none;font-weight:400;z-index:8}.Archieve .archieve-second .sec-navigation-item{display:block;position:relative;-webkit-user-select:none;user-select:none;margin:120px 0;z-index:8}.Archieve .archieve-second .sec-navigation-item:hover{cursor:pointer}.Archieve .archieve-second a{font-family:"Road Rage",cursive;font-size:16rem;text-decoration:none;color:hsla(0,0%,100%,.3);z-index:8}.Archieve .archieve-second span{position:relative;display:block}.Archieve .archieve-second .sec-navigation-item span:before{width:0;color:#fff;overflow:hidden;position:absolute;content:attr(data-text);transition:all 1s cubic-bezier(.84,0,.08,.99)}.Archieve .archieve-second .sec-navigation-item span:hover:before{width:100%}.Archieve .archieve-second .sec-project-preview-wrapper{width:100%;height:100vh;position:fixed;display:flex;justify-content:center}.Archieve .archieve-second .sec-project-preview{position:fixed;top:12%;left:50%;width:0;height:50rem;background:url(/static/media/blockchain.d8eb34ae.jpg) no-repeat 50% 50%;background-size:contain;overflow:hidden}.Archieve .archieve-second .sec-description-div{position:fixed;left:0;top:50%;display:flex;flex-direction:row;justify-content:center}.Archieve .archieve-second .sec-description-div .sec-description-div-desc{font-family:"Cosi Azure";font-size:3rem;color:hsla(0,0%,100%,.3)}.Archieve .archieve-second div[class^=navigation-overlay]{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background-color:#e6e0e4}.Archieve .archieve-second div[class^=navigation-overlays]{position:absolute;width:100%;height:100%;top:0;z-index:1;background-color:#c7b198}.Archieve .archieve-second div[class^=navigation-v-overlays]{position:absolute;bottom:10%;width:.5rem;left:-1rem;height:0;background-color:hsla(0,0%,100%,.3)}@media (max-width:900px){.Archieve .archieve-second .sec-progress-bar{display:none}.Archieve .archieve-second .sec-project-preview{left:0;z-index:-1;background-size:cover;height:15rem}.Archieve .archieve-second a{font-size:10rem}.Archieve .archieve-second .sec-navigation-wrapper ul{transform:translateX(0)}}.sec-description-div-title{position:fixed;left:4rem;top:55%;transform:rotate(-90deg) translateY(-180%);font-family:"Cosi Azure";font-size:11rem;z-index:-1;color:hsla(0,0%,100%,.3)}.sec-description-div-title .sec-desc-span-title{position:relative}.sec-description-div-title:hover{cursor:pointer}.sec-description-div-desc{position:fixed;top:10%;right:10%;height:auto;display:flex;justify-content:center;align-items:center;color:#f0f8ff;font-family:"MonteCarlo",serif;flex-direction:column;font-size:4rem;line-height:5rem;opacity:1}@media (max-width:540px){.sec-description-div-desc{display:none}}.sec-description-div-desc div{opacity:0}#nav-container{position:fixed;top:6em;right:6em;margin:-3em;z-index:20000}.toggle-icon{display:block;position:relative;width:100%;margin:-2.2em auto 0 .2em;transition:margin .6s;cursor:pointer}.toggle-icon .bar{display:block;width:3.8em;height:.2em;margin:.9em;border-right:2.8em solid #fff;border-left:.6em solid #d6d6d6;mix-blend-mode:difference;box-sizing:border-box;transition-property:transform,margin,border-right-color,box-shadow;transition-duration:.6s}.toggle-icon .bar:first-of-type{transition:opacity .3s}.toggle-icon .bar:nth-of-type(2){transform:rotate(-180deg)}.pushed .toggle-icon{margin:-3.2em 0 0 .7em}.pushed .bar:first-of-type{opacity:0}.pushed .bar:nth-of-type(2){margin-left:1.4em;transform:rotate(-137deg) translateY(-1.5em)}.pushed .bar:nth-of-type(3){margin-left:.5em;transform:rotate(-42deg)}.pushed .toggle-icon:hover .bar:nth-of-type(2){border-right-color:#e9b8b9;box-shadow:.4em 0 .6em .1em rgba(205,40,44,.75)}.pushed .toggle-icon:hover .bar:nth-of-type(3){border-right-color:#ddf1da;box-shadow:.4em 0 .6em .1em rgba(83,228,68,.65)}.navbar{position:fixed;top:-200vh;left:0;right:0;max-height:100vh;height:100vh;width:100vw;z-index:1999;background-color:#000;opacity:0;display:flex;flex-direction:column}.navbar .navbar-name{display:flex;flex:1 1;font-size:20rem;color:#707070;justify-content:center;align-items:center;font-family:"MonteCarlo",cursive}@media screen and (max-width:980px){.navbar .navbar-name{font-size:16rem}}@media screen and (max-width:720px){.navbar .navbar-name{font-size:11rem}}@media screen and (max-width:560px){.navbar .navbar-name{font-size:8rem}}@media screen and (max-width:400px){.navbar .navbar-name{font-size:6rem}}.navbar .navbar-navs{display:flex;flex:1 1;flex-grow:1;flex-direction:row;flex-wrap:wrap;color:azure;font-family:"Oranienbaum",serif}.navbar .navbar-navs-nav{display:flex;flex:1 1;justify-content:center;align-items:flex-start;padding-top:3rem;font-size:8rem;border-top:1px solid #707070}.navbar .navbar-navs-nav:first-child,.navbar .navbar-navs-nav:nth-child(2){border-right:1px solid #707070}.intro-div{position:absolute;text-align:center;z-index:9}.intro-div .line{position:relative;margin-bottom:.5rem;width:100vw}.intro-div .line:first-child{margin-left:-37em;margin-top:-5em}@media screen and (max-width:1500px){.intro-div .line:first-child{margin-left:-25em}}@media screen and (max-width:1200px){.intro-div .line:first-child{margin-top:0;margin-left:-20em}}@media screen and (max-width:980px){.intro-div .line:first-child{margin-top:0;margin-left:-12em}}@media screen and (max-width:720px){.intro-div .line:first-child{margin-top:1em;margin-left:-9em}}@media screen and (max-width:540px){.intro-div .line:first-child{margin-top:4em;margin-left:-6em}}@media screen and (max-width:420px){.intro-div .line:first-child{margin-top:0;margin-left:0}}.intro-div .line .intro-text{font-size:50rem;text-transform:uppercase;font-family:"Oranienbaum",serif;color:#080808;position:relative}@media screen and (max-width:980px){.intro-div .line .intro-text{font-size:30em}}@media screen and (max-width:720px){.intro-div .line .intro-text{font-size:25em}}@media screen and (max-width:540px){.intro-div .line .intro-text{font-size:20em}}@media screen and (max-width:420px){.intro-div .line .intro-text{font-size:20em}}.intro-div .line .intro-text-1{font-size:20rem;color:#fff}.intro-div .line-2{position:relative;margin-bottom:.5rem;width:100vw;margin-top:-17rem;margin-left:-46rem}.intro-div .line-2 .intro-text{font-size:6rem;color:#080808;text-transform:uppercase;font-family:"Oranienbaum",serif;position:relative}@media screen and (max-width:1200px){.intro-div .line-2 .intro-text{font-size:5rem}}@media screen and (max-width:720px){.intro-div .line-2 .intro-text{font-size:4.2rem}}@media screen and (max-width:540px){.intro-div .line-2 .intro-text{font-size:3.2rem}}@media screen and (max-width:1500px){.intro-div .line-2{margin-left:-21em}}@media screen and (max-width:1200px){.intro-div .line-2{margin-top:-18rem;margin-left:-19em}}@media screen and (max-width:980px){.intro-div .line-2{margin-top:-11em;margin-left:-8.5em}}@media screen and (max-width:720px){.intro-div .line-2{margin-top:-9em;margin-left:-6em}}@media screen and (max-width:540px){.intro-div .line-2{margin-top:-7em;margin-left:-4em}}@media screen and (max-width:420px){.intro-div .line-2{margin-top:-7em;margin-left:0}}.intro-div .line-2 .intro-name{z-index:11}.intro-div .line-3{position:relative;margin-bottom:.5rem;width:100vw;margin-top:-2rem;margin-left:-52.5rem}.intro-div .line-3 .intro-text{font-size:4rem;color:#080808;text-transform:uppercase;font-family:"Oranienbaum",serif;position:relative}@media screen and (max-width:1200px){.intro-div .line-3 .intro-text{font-size:3.2rem}}@media screen and (max-width:720px){.intro-div .line-3 .intro-text{font-size:2.7rem}}@media screen and (max-width:540px){.intro-div .line-3 .intro-text{font-size:2.2rem}}@media screen and (max-width:420px){.intro-div .line-3 .intro-text{font-size:1.8rem}}@media screen and (max-width:1500px){.intro-div .line-3{margin-left:-25.5em}}@media screen and (max-width:1200px){.intro-div .line-3{margin-top:-2rem;margin-left:-23.3em}}@media screen and (max-width:980px){.intro-div .line-3{margin-top:-1em;margin-left:-12.8em}}@media screen and (max-width:720px){.intro-div .line-3{margin-top:-1em;margin-left:-9.5em}}@media screen and (max-width:540px){.intro-div .line-3{margin-top:-1em;margin-left:-6.2em}}@media screen and (max-width:420px){.intro-div .line-3{margin-top:-1em;margin-left:0}}.intro-div .line-4{position:relative;margin-bottom:.5rem;width:100vw;margin-top:-1.5rem;margin-left:-64rem;z-index:7}.intro-div .line-4 .intro-text{font-size:3rem;color:#080808;text-transform:uppercase;font-family:"Oranienbaum",serif;position:relative}@media screen and (max-width:1200px){.intro-div .line-4 .intro-text{font-size:3.2rem}}@media screen and (max-width:720px){.intro-div .line-4 .intro-text{font-size:2.7rem}}@media screen and (max-width:540px){.intro-div .line-4 .intro-text{font-size:2.2rem}}@media screen and (max-width:420px){.intro-div .line-4 .intro-text{font-size:1.8rem}}.intro-div .line-4 .intro-country{background:linear-gradient(90deg,#f19e0c 15%,#f1f1f1 58%,#00ff26);-webkit-text-fill-color:transparent;font-weight:700;-webkit-background-clip:text}@media screen and (max-width:1500px){.intro-div .line-4{margin-left:-33.8em}}@media screen and (max-width:1200px){.intro-div .line-4{margin-top:-1.5rem;margin-left:-28.6em}}@media screen and (max-width:980px){.intro-div .line-4{margin-top:-1em;margin-left:-18.2em}}@media screen and (max-width:720px){.intro-div .line-4{margin-top:-1em;margin-left:-14em}}@media screen and (max-width:540px){.intro-div .line-4{margin-top:-.8em;margin-left:-9.8em}}@media screen and (max-width:420px){.intro-div .line-4{margin-top:-.7em;margin-left:0}}.intro-overlay .top{height:120vh;position:absolute;width:100%;z-index:8}.intro-overlay .top .overlay-top{position:absolute;height:100%;width:50vw;background-color:#fff;bottom:0;left:0;right:0}@media screen and (max-width:980px){.intro-overlay .top .overlay-top{width:100vw}}.intro-overlay .top .overlay-top:nth-child(2){left:50%}@media screen and (max-width:980px){.intro-overlay .top .overlay-top:nth-child(2){display:none}}.intro-overlay .bottom{height:50vh;position:absolute;width:100%;z-index:10;bottom:0}.intro-overlay .bottom .overlay-bottom{position:absolute;height:100%;width:50vw;background-color:#000;bottom:0;right:50%}@media screen and (max-width:980px){.intro-overlay .bottom .overlay-bottom{right:0;width:100vw}}.intro-overlay .bottom .overlay-bottom:nth-child(2){right:0}@media screen and (max-width:980px){.intro-overlay .bottom .overlay-bottom:nth-child(2){width:100vw;top:100%;right:0}}.portfolio-div{position:absolute;text-align:center;z-index:9;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}.portfolio-div .line{position:relative;margin-bottom:.5rem;width:100vw}.portfolio-div .line .intro-text{font-size:22rem;text-transform:uppercase;font-family:"Oranienbaum",serif;color:#080808;position:relative}@media screen and (max-width:980px){.portfolio-div .line .intro-text{font-size:11em}}@media screen and (max-width:720px){.portfolio-div .line .intro-text{font-size:8em}}@media screen and (max-width:540px){.portfolio-div .line .intro-text{font-size:6em}}@media screen and (max-width:420px){.portfolio-div .line .intro-text{font-size:5em}}@media screen and (max-width:310px){.portfolio-div .line .intro-text{font-size:4em}}.portfolio-div .line .intro-text-1{font-size:20rem;color:#fff}@media screen and (max-width:1400px){.portfolio-div .line{margin-top:8rem}}.portfolio-div .line-2{position:relative;margin-bottom:.5rem;width:100vw;margin-top:-7rem}.portfolio-div .line-2 .intro-text{font-size:6rem;color:#080808;text-transform:uppercase;font-family:"Oranienbaum",serif;position:relative}@media screen and (max-width:1200px){.portfolio-div .line-2 .intro-text{font-size:5rem}}@media screen and (max-width:720px){.portfolio-div .line-2 .intro-text{font-size:4.2rem}}@media screen and (max-width:540px){.portfolio-div .line-2 .intro-text{font-size:3.2rem}}@media screen and (max-width:1200px){.portfolio-div .line-2{margin-top:-7rem}}@media screen and (max-width:980px){.portfolio-div .line-2{margin-top:-3em}}@media screen and (max-width:720px){.portfolio-div .line-2{margin-top:-3em}}@media screen and (max-width:540px){.portfolio-div .line-2{margin-top:-2em}}@media screen and (max-width:420px){.portfolio-div .line-2{margin-top:-2em}}.portfolio-div .line-3{position:relative;margin-bottom:.5rem;width:100vw;margin-top:-2rem;margin-left:-52.5rem}.portfolio-div .line-3 .intro-text{font-size:4rem;color:#080808;text-transform:uppercase;font-family:"Oranienbaum",serif;position:relative}@media screen and (max-width:1200px){.portfolio-div .line-3 .intro-text{font-size:3.2rem}}@media screen and (max-width:720px){.portfolio-div .line-3 .intro-text{font-size:2.7rem}}@media screen and (max-width:540px){.portfolio-div .line-3 .intro-text{font-size:2.2rem}}@media screen and (max-width:420px){.portfolio-div .line-3 .intro-text{font-size:1.8rem}}@media screen and (max-width:1500px){.portfolio-div .line-3{margin-left:-25.5em}}@media screen and (max-width:1200px){.portfolio-div .line-3{margin-top:-2rem;margin-left:-23.3em}}@media screen and (max-width:980px){.portfolio-div .line-3{margin-top:-1em;margin-left:-12.8em}}@media screen and (max-width:720px){.portfolio-div .line-3{margin-top:-1em;margin-left:-9.5em}}@media screen and (max-width:540px){.portfolio-div .line-3{margin-top:-1em;margin-left:-6.2em}}@media screen and (max-width:420px){.portfolio-div .line-3{margin-top:-1em;margin-left:0}}.portfolio-div .line-4{position:relative;margin-bottom:.5rem;width:100vw;margin-top:-1.5rem;margin-left:-64rem;z-index:7}.portfolio-div .line-4 .intro-text{font-size:3rem;color:#080808;text-transform:uppercase;font-family:"Oranienbaum",serif;position:relative}@media screen and (max-width:1200px){.portfolio-div .line-4 .intro-text{font-size:3.2rem}}@media screen and (max-width:720px){.portfolio-div .line-4 .intro-text{font-size:2.7rem}}@media screen and (max-width:540px){.portfolio-div .line-4 .intro-text{font-size:2.2rem}}@media screen and (max-width:420px){.portfolio-div .line-4 .intro-text{font-size:1.8rem}}.portfolio-div .line-4 .intro-country{background:linear-gradient(90deg,#f19e0c 15%,#f1f1f1 58%,#00ff26);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media screen and (max-width:1500px){.portfolio-div .line-4{margin-left:-33.8em}}@media screen and (max-width:1200px){.portfolio-div .line-4{margin-top:-1.5rem;margin-left:-28.6em}}@media screen and (max-width:980px){.portfolio-div .line-4{margin-top:-1em;margin-left:-18.2em}}@media screen and (max-width:720px){.portfolio-div .line-4{margin-top:-1em;margin-left:-14em}}@media screen and (max-width:540px){.portfolio-div .line-4{margin-top:-.8em;margin-left:-9.8em}}@media screen and (max-width:420px){.portfolio-div .line-4{margin-top:-.7em;margin-left:0}}.portfolio-div #portfolio-image{height:270px;width:500px;margin-top:2rem;overflow:hidden;background-position:50%;background-repeat:no-repeat;transition:.4s}.portfolio-div #portfolio-image #portfolio-image-img{height:250px;width:100%}@media screen and (max-width:450px){.portfolio-div #portfolio-image{width:100vw}}.portfolio-div .skills{position:absolute;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;height:5rem;bottom:5rem;left:0}.portfolio-div .skills div[class*=skills-div],.portfolio-div .skills div[class^=skills-div]{display:flex;align-items:center;text-transform:uppercase;font-size:2.2rem;color:#ff513b;height:100%;justify-content:center;padding:1rem}@media screen and (max-width:540px){.portfolio-div .skills div[class*=skills-div],.portfolio-div .skills div[class^=skills-div]{font-size:1.5rem}}.portfolio-div .skills .skill-div-circle{position:absolute;width:2rem;height:2rem;background-color:#ff513b;border-radius:50%;z-index:-1;opacity:0}.portfolio a:active,.portfolio a:hover{color:transparent}.project-details{position:fixed;width:100vw;height:100vh;z-index:-2;margin:0;opacity:0;overflow:hidden;top:0;bottom:0;left:0;right:0}.project-details .project-close{position:absolute;left:4rem;top:4rem;opacity:1;font-size:2rem;z-index:201;transition:.4s ease}.project-details .project-close i{mix-blend-mode:difference}.project-details .project-close:hover{transform:rotate(1turn)}.project-details .project-details-image-div{position:relative;width:50vw;height:100vh;overflow:hidden;background-color:#ebe8e2}.project-details .project-details-image-div .project-details-image{width:100%;height:100%}@media screen and (max-width:1000px){.project-details .project-details-image-div{margin:0;height:50vh;width:100vw}}.project-details .project-details-info-div{position:relative;width:50vw;height:100vh;overflow:hidden;background-color:#ebe8e2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem;font-size:5rem;font-family:"MonteCarlo",serif}@media screen and (max-width:1000px){.project-details .project-details-info-div{margin:0;height:50vh;width:100vw}}@media screen and (max-width:760px){.project-details .project-details-info-div{font-size:3rem}}@media screen and (max-width:400px){.project-details .project-details-info-div{font-size:2.2rem}}.project-details .col-md-6{margin:0;padding:0}.project-details .col-md-6:nth-child(2){display:flex;flex-direction:row}.project-details .col-md-6 .project-next{position:absolute;right:3rem;top:50%;font-size:4rem}@media screen and (max-width:1000px){.project-details .col-md-6 .project-next{top:-5%}}@media screen and (max-width:1000px){.project-details .row{margin:0;padding:0;width:100vw;height:100vh}.project-details .col-md-6{margin:0;padding:0;height:50vh}}.Me{background-color:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.Me .me-header-div{position:absolute;left:0;top:35%;z-index:2;transform:rotate(-90deg) translateY(-50%);color:#ebe8e2}.Me .me-header-div .me-header-text{font-size:14rem;line-height:15rem;text-transform:uppercase;font-family:"Bungee Shade",cursive;opacity:0}@media screen and (max-width:1500px){.Me .me-header-div .me-header-text{font-size:12rem;line-height:13rem}}@media screen and (max-width:1200px){.Me .me-header-div .me-header-text{font-size:10rem;line-height:11rem}}@media screen and (max-width:980px){.Me .me-header-div .me-header-text{font-size:8rem;line-height:9rem}}@media screen and (max-width:720px){.Me .me-header-div .me-header-text{font-size:6rem;line-height:7rem}}@media screen and (max-width:540px){.Me .me-header-div .me-header-text{font-size:5rem;line-height:6rem}}@media screen and (max-width:420px){.Me .me-header-div .me-header-text{font-size:4rem;line-height:5rem}}@media screen and (max-width:980px){.Me .me-header-div{left:-8%}}.Me .me-image-div{position:absolute;width:50%;height:100%;left:40%;top:0;z-index:1;background-size:cover;background:url(/static/media/image.0685eff9.jpg) no-repeat 50%;transform:rotate(-40deg);overflow:hidden}@media screen and (max-width:1040px){.Me .me-image-div{left:0;width:100%}}.Me .me-back{position:absolute;width:100vw;height:100vh;background-color:#000;left:0;top:0;z-index:-2}.Me .me-info-div{font-size:2rem;color:#999;position:absolute;top:58rem;font-weight:700;letter-spacing:1px;word-spacing:1.5px;font-family:"Roboto Mono",monospace;left:50rem;text-align:center;opacity:0;z-index:2;transform:rotate(-90deg) translateX(-48%) translateY(-50%)}.Me .me-info-div div span{color:#f0f8ff}@media screen and (max-width:1500px){.Me .me-info-div{left:40rem;top:55%}}@media screen and (max-width:1320px){.Me .me-info-div{left:40rem}}@media screen and (max-width:1200px){.Me .me-info-div{font-size:1.6rem;left:33rem}}@media screen and (max-width:980px){.Me .me-info-div{top:70rem;left:7rem;font-size:1.8rem;transform:rotate(0deg)}}@media screen and (max-width:720px){.Me .me-info-div{top:62rem;left:4rem;font-size:1.6rem}}@media screen and (max-width:540px){.Me .me-info-div{top:50rem;left:5rem;font-size:1.6rem}}@media screen and (max-width:420px){.Me .me-info-div{font-size:1.4rem;top:48rem;left:3rem}}.Me .me-section-head{position:absolute;top:6rem;left:-6rem;font-size:2rem;padding:1rem 0;transform:rotate(-45deg);background-color:#ebe8e2;color:#999;text-align:center;width:30rem;z-index:2;overflow:hidden;width:0}@media screen and (max-width:540px){.Me .me-section-head{padding:0;top:3rem;left:-9rem}}.Social{position:absolute;height:38rem;width:10rem;top:7rem;right:4rem;z-index:2;background:#000;filter:blur(10px) contrast(20)}.Social .social-facebook,.Social .social-icon,.Social .social-instagram,.Social .social-linkedin,.Social .social-overlay{position:absolute;top:7rem;right:1rem;width:6rem;height:6rem;z-index:2;border-radius:50%;background-color:#ebe8e2;z-index:11}.Social .social-facebook{top:15rem;animation:drop-f 1.3s cubic-bezier(.4,0,1,1)}.Social .social-instagram{top:23rem;animation:drop-i 2.3s cubic-bezier(.4,0,1,1)}.Social .social-linkedin{top:31rem;animation:drop-i 2.5s cubic-bezier(.4,0,1,1)}.Social .social-overlay{background-color:#fff;animation:drop 2s cubic-bezier(.4,0,1,1)}@keyframes drop{0%{top:7rem}33.33%{top:15rem}66.66%{top:23rem}to{top:31rem}}@keyframes drop-f{0%{opacity:0}to{opacity:1}}@keyframes drop-i{0%{opacity:0}to{opacity:1}}@keyframes drop-l{0%{opacity:0}to{opacity:1}}@media screen and (max-width:540px){.Social{right:0}}.fa-envelope,.fa-file,.fa-github-square,.fa-linkedin-in{position:absolute;top:23rem;right:6rem;z-index:12;color:#110e0e;font-size:4rem;animation:f-i 8s}@media screen and (max-width:540px){.fa-envelope,.fa-file,.fa-github-square,.fa-linkedin-in{right:2rem}}.fa-envelope:hover,.fa-file:hover,.fa-github-square:hover,.fa-linkedin-in:hover{color:#f5f5f5}.fa-github-square{top:31rem;transform:translateX(-10%)}.fa-file{top:39rem;transform:translateX(-10%)}.fa-envelope{top:15rem}@keyframes f-i{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.cb5195e5.chunk.css.map */