@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;500;900&family=Rubik+Mono+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap);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}*{font-family:Roboto,sans-serif;margin:0;transition:all .2s}#root,.App,body,html{margin:0;max-height:100%;min-height:667px;min-width:320px;overflow-x:hidden;overflow-y:auto;padding:0;scroll-behavior:smooth;width:100vw}body{background-color:#191919}.dynamicBg{background:linear-gradient(180deg,transparent,#191919),url(/static/media/background.add4ab53639b3545d3c4.jpg);background-size:cover;height:150vh;min-height:800px;min-width:320px;overflow:hidden;right:0;width:100vw;z-index:-1}.dynamicBg,nav{position:fixed;top:0}nav{display:flex;height:auto;justify-content:center;transition:all .5s;width:100%;z-index:3}nav.hidden{opacity:0;visibility:hidden}nav.bg-hidden,nav.hidden{background-color:transparent}nav.shown{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:transparent}.modal{display:none}nav ul{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.5);display:flex;flex-direction:row;justify-content:space-between;padding:0;position:relative;width:480px}nav ul div.dynamicBorder{background-color:#fff;bottom:-1px;height:1px;left:0;position:absolute}nav ul a{color:#fff;display:inline-block;font-size:small;font-weight:700;letter-spacing:2.5px;list-style:none;margin-bottom:24px;margin-top:24px;text-align:center;width:20%}nav li:hover{color:#ff79ee;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}nav li:active{color:#ff79ee;-webkit-transform:scale(.95);transform:scale(.95)}header{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;min-height:667px;width:100%}header svg.svg-btn-down{fill:#fff;margin:40px;width:48px}header svg.svg-btn-down:hover{fill:#ff79ee;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}header svg.svg-btn-down:active{fill:#ff79ee;-webkit-transform:scale(.95);transform:scale(.95)}header section{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:space-between;margin-bottom:75px;text-align:center;width:80%}header section a{text-decoration:none}header section h1{color:#fff;font-family:Rubik Mono One,sans-serif;font-size:64px;font-weight:400}header section span h3{display:flex;justify-content:center;overflow:hidden}header section span h3 div{display:flex;flex-wrap:wrap;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}header section span h3 div span{color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-size:24px;font-weight:400}header section hr{background-color:#fff;border:1px solid #fff;color:#fff;height:0;width:350px}header section div{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:350px}header section div div svg{fill:#fff;margin:5px;width:24px}header section div div span{color:#fff}header section div div{align-items:center;background-image:linear-gradient(90deg,#ff79ee 50%,#d1195e 0);background-size:202% 100%;display:flex;flex-direction:row;height:50px;justify-content:center;width:150px}header section div div:hover{background-position:-98% 0;cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}header section div div:active{background-position:-98% 0;-webkit-transform:scale(.95);transform:scale(.95)}.collapsedBg{-webkit-animation:collapseBgBig 1.5s;animation:collapseBgBig 1.5s}section.about{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:center;margin-bottom:50px;width:100%}section.about div.left{align-items:center;display:flex;height:250px;justify-content:flex-end;margin:75px 50px 50px;width:30%}section.about div.left div{border:1px solid #fff;border-radius:60px;height:120px;width:120px}section.about div.left div:after{background-color:#fff;border-radius:5px;content:"";display:block;height:10px;left:60px;position:relative;top:-5px;width:10px}section.about div.right{height:auto;letter-spacing:.2vw;line-height:30px;margin:75px 50px 50px;width:70%}section.about div.right h1{color:#fff;font-family:Josefin Sans,sans-serif;font-size:36px;font-weight:700;margin-bottom:15px}section.about div.right h3{color:#fff;font-family:Montserrat,sans-serif;font-size:18px;font-weight:400;margin-bottom:25px}section.about div.right div{align-items:center;background-image:linear-gradient(90deg,#ff79ee 50%,#d1195e 0);background-size:200% 100%;display:flex;flex-direction:row;height:50px;justify-content:center;width:250px}section.about div.right div:hover{background-position:-100% 0;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}section.about div.right div:active{background-position:-100% 0;-webkit-transform:scale(.95);transform:scale(.95)}section.about div.right div svg{fill:#fff;margin:5px;width:24px}section.about div.right div span{color:#fff}section.about div.right a{text-decoration:none}section.resume{position:relative;width:100%}section.resume,section.resume div.education,section.resume div.skills{align-items:center;display:flex;flex-direction:column;justify-content:center}section.resume div.education,section.resume div.skills{margin:75px;width:80%}section.resume div.education div.title,section.resume div.skills div.title{color:#fff;margin:20px;padding-bottom:10px;text-align:center}section.resume div.education div.title span,section.resume div.skills div.title span{font-family:Josefin Sans,sans-serif;font-size:24px;font-weight:700}section.resume div.education div,section.resume div.skills div{width:70%}section.resume div.education div div,section.resume div.skills div div{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:50px;width:100%}section.resume div.education div.title{width:300px}section.resume div.education div.educationList{border-left:1px solid #fff;position:relative}section.resume div.education div.educationList:after{border-bottom:10px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;content:"";display:block;height:0;left:-5px;position:absolute;top:0;width:0}section.resume div.education div.educationList:before{background-color:#fff;content:"";display:block;height:3px;left:-5px;position:absolute;top:95%;width:9px}section.resume div.education div div h1{color:#fff;margin-bottom:15px}section.resume div.education div div h2{color:#0d0d0d;font-weight:400}section.resume div.skills{width:60%}section.resume div.skills div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}section.resume div.skills div.title{margin-bottom:0;width:250px}section.resume div.skills div a{margin:10px 8px}section.resume div.skills div a span{font-size:20px}.roundButton{background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 50%,#fff 0);background-size:210% 100%;border:1px solid #fff;border-radius:24px;display:inline-block;height:auto;padding:10px;text-decoration:none}.roundButton span{color:#fff;font-size:24px;font-weight:700}.roundButton:hover{background-position:-94%;-webkit-transform:scale(1.05);transform:scale(1.05)}.roundButton:hover span{color:#191919}section.works{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center}section.works div.title{margin-bottom:0;width:380px}section.works div.learning,section.works div.working{align-items:center;display:flex;flex-direction:column;margin:0 25px}section.works div.learning div.title,section.works div.working div.title{font-size:24px;font-weight:700;padding:10px;text-align:center}section.works div.learning div.title span,section.works div.working div.title span{font-family:Josefin Sans,sans-serif}section.works div.learning div.projects,section.works div.working div.projects{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}section.works div.learning div.projects div.project,section.works div.working div.projects div.project{color:#fff;height:300px;overflow:hidden;position:relative;transition:all .8s ease-in-out;width:450px}section.works div.learning div.projects a,section.works div.working div.projects a{height:300px;margin:15px 50px 75px;text-decoration:none;width:450px}section.works div.learning div.projects div.project div.projectBg,section.works div.working div.projects div.project div.projectBg{background-position:50%;background-size:cover;bottom:0;content:"";-webkit-filter:sepia(60%);filter:sepia(60%);height:100%;position:absolute;right:0;transition:all .8s ease-out;width:100%}section.works div.learning div.projects div.project:hover,section.works div.working div.projects div.project:hover{-webkit-transform:scale(.95);transform:scale(.95)}section.works div.learning div.projects div.project:hover div.projectBg,section.works div.working div.projects div.project:hover div.projectBg{-webkit-filter:none;filter:none;-webkit-transform:scale(1.2);transform:scale(1.2)}section.works div.learning div.projects div.project:active,section.works div.working div.projects div.project:active{-webkit-transform:scale(1.05);transform:scale(1.05)}section.works div.learning div.projects div.project div.projectDescription,section.works div.working div.projects div.project div.projectDescription{align-items:center;background-color:#0d0d0d;bottom:0;display:flex;flex-direction:row;height:60px;justify-content:flex-start;left:0;margin:0;opacity:.5;position:absolute;width:100%}section.works div.learning div.projects div.project div.projectDescription span,section.works div.working div.projects div.project div.projectDescription span{margin-left:15px}footer{align-items:center;display:flex;flex-direction:column;justify-content:space-between;position:relative;width:100%}footer svg{fill:#838c95;width:24px}footer svg.svg-btn-up{fill:#838c95;left:calc(50% - 24px);position:absolute;top:-24px;width:48px}footer svg.svg-btn-up:hover{fill:#fff;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}footer svg.svg-btn-up:active{fill:#fff;-webkit-transform:scale(.95);transform:scale(.95)}footer div{justify-content:center}footer div,footer div ul{align-items:center;display:flex}footer div ul{flex-direction:row;justify-content:space-between;margin-top:50px;padding:0;width:100px}footer div li{display:inline-block;text-align:center;width:20%}footer div svg:hover{fill:#d1195e;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}footer div svg:active{fill:#d1195e;-webkit-transform:scale(.95);transform:scale(.95)}footer div .svg-btn-git{-webkit-transform:scale(1.7);transform:scale(1.7)}footer div .svg-btn-git:hover{-webkit-transform:scale(1.8);transform:scale(1.8)}footer div .svg-btn-git:active{-webkit-transform:scale(1.65);transform:scale(1.65)}footer span{margin-bottom:35px;margin-top:15px}footer span.heart{color:#d1195e}footer span *{display:inline}footer span a,footer span h3{color:#fff;font-size:16px;font-weight:400;text-align:center}footer span a:active,footer span a:hover{color:#d1195e}@media only screen and (max-width:768px){nav ul{width:80%}nav ul a{font-size:12px;width:auto}.collapsedBg{-webkit-animation:collapseBgSmall 1.5s;animation:collapseBgSmall 1.5s}section.about div.left{display:none}section.resume div.education div,section.resume div.skills div{width:80%}section.resume div.skills div a span{font-size:18px}}@media only screen and (max-width:548px){div.dynamicBg{background-position-x:center;background-repeat:no-repeat;background-size:cover}header section h1{font-size:36px}header section h3 div span{font-size:24px}header section hr{width:60%}header section div{width:250px}header section div div{width:100px}section.about div.right h3{font-size:16px;letter-spacing:.1vw}section.resume{margin-bottom:50px}section.resume div.education div.educationList{padding-left:20px}section.resume div.education div,section.resume div.skills div{width:100%}section.resume div.education div div .progressbar,section.resume div.skills div div .progressbar{width:90%}section.resume div.education div div,section.resume div.skills div div{margin:35px 10px 10px}section.resume div.skills div a span{font-size:18px}section.works div.learning div.title,section.works div.working div.title{padding:10px 0;width:275px}section.works div.learning div.projects a,section.works div.learning div.projects div.project,section.works div.working div.projects a,section.works div.working div.projects div.project{height:250px;width:400px}}@media only screen and (max-width:420px){header{height:100%}header section{height:350px;margin-bottom:25px}header h3 div{width:234px}section.works div.learning div.projects a,section.works div.learning div.projects div.project,section.works div.working div.projects a,section.works div.working div.projects div.project{height:200px;width:300px}section.resume div.skills{width:80%}}@media only screen and (max-width:370px){section.works div.learning div.title,section.works div.working div.title{width:250px}section.works div.learning div.projects a,section.works div.learning div.projects div.project,section.works div.working div.projects a,section.works div.working div.projects div.project{height:150px;width:250px}section.resume div.skills div a span{font-size:16px}}@-webkit-keyframes collapseBgSmall{0%{-webkit-clip-path:polygon(50% 10%,70% 35%,50% 60%,30% 35%);clip-path:polygon(50% 10%,70% 35%,50% 60%,30% 35%)}50%{-webkit-clip-path:polygon(50% 10%,70% 35%,50% 60%,30% 35%);clip-path:polygon(50% 10%,70% 35%,50% 60%,30% 35%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes collapseBgSmall{0%{-webkit-clip-path:polygon(50% 10%,70% 35%,50% 60%,30% 35%);clip-path:polygon(50% 10%,70% 35%,50% 60%,30% 35%)}50%{-webkit-clip-path:polygon(50% 10%,70% 35%,50% 60%,30% 35%);clip-path:polygon(50% 10%,70% 35%,50% 60%,30% 35%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@-webkit-keyframes collapseBgBig{0%{-webkit-clip-path:polygon(50% 10%,60% 35%,50% 60%,40% 35%);clip-path:polygon(50% 10%,60% 35%,50% 60%,40% 35%)}50%{-webkit-clip-path:polygon(50% 10%,60% 35%,50% 60%,40% 35%);clip-path:polygon(50% 10%,60% 35%,50% 60%,40% 35%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes collapseBgBig{0%{-webkit-clip-path:polygon(50% 10%,60% 35%,50% 60%,40% 35%);clip-path:polygon(50% 10%,60% 35%,50% 60%,40% 35%)}50%{-webkit-clip-path:polygon(50% 10%,60% 35%,50% 60%,40% 35%);clip-path:polygon(50% 10%,60% 35%,50% 60%,40% 35%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
/*# sourceMappingURL=main.47d37007.css.map*/