@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&family=Kufam:wght@600&family=Mulish&display=swap);*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0}body{background:#ddd;color:#333;font-family:Mulish,cursive;margin:1rem auto;max-width:1200px}button{cursor:pointer}ul{list-style-type:none}a{cursor:pointer;text-decoration:none}a,a:visited{color:#333}.contact,.home,.project,.skills{display:flex}@media screen and (max-width:850px){.contact,.home,.project,.skills{display:block!important}}.contactContent,.homeContent,.projectContent,.skillsContent{margin-left:.4rem}@media screen and (max-width:850px){.contactContent,.homeContent,.projectContent,.skillsContent{margin-left:0!important}}.sidebar{background:#2a1d52;border-radius:25px;display:grid;font-family:Mulish,cursive;grid-template-areas:"1" "2" "3";grid-template-columns:1fr;grid-template-rows:300px 1fr 108px;height:100%;min-height:95vh;position:relative;width:264px}.sidebar .profile{grid-area:1;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.sidebar .profile .profileContent{bottom:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.sidebar .profile .profileContent img{border-radius:50%;box-shadow:0 0 0 4px #63a4e9,0 0 0 8px #4fedd2,0 0 0 12px #6c77f4;width:70%}.sidebar .profile .profileContent h3{color:#36d0ea;font-size:1.3rem;letter-spacing:.2rem;margin-top:1.5rem;text-transform:uppercase}.sidebar .navigation{grid-area:2;padding:2rem 1rem}.sidebar .navigation ul{display:grid;height:100%}.sidebar .navigation ul li{font-size:1.3rem;padding:1rem 0 1rem .4rem;position:relative}.sidebar .navigation ul li:hover i{-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.sidebar .navigation ul li a{color:#36d0ea}.sidebar .navigation ul li .activeNav{color:#4fedd2}.sidebar .navigation ul li i{font-size:.95rem;position:absolute;-webkit-transform:translateY(3px);transform:translateY(3px);transition:.2s ease}.sidebar .navigation ul li span{margin-left:2.7rem}.sidebar .socialNetwork{grid-area:3}.sidebar .socialNetwork ul{display:flex;justify-content:space-between;padding:0 14px;width:264px}.sidebar .socialNetwork ul li{background:#36d0ea;border-radius:50%;color:#2a1d52;cursor:pointer;font-size:1.5rem;padding:.5rem .8rem;transition:.3s}.sidebar .socialNetwork ul li a:visited{color:#2a1d52}.sidebar .socialNetwork ul li:hover{background:#4fedd2}.sidebar .signature{font-size:.7rem;letter-spacing:.1rem;margin-top:2rem;text-align:center}.sidebar .signature p{color:#36d0ea}@media screen and (max-width:850px){.sidebar{display:flex;margin-bottom:.2rem;min-height:50px;width:100%}.sidebar .profile,.sidebar .socialNetwork{display:none}.sidebar .navigation{padding:.1rem 1rem;width:100%}.sidebar .navigation ul{display:flex;justify-content:space-between}.sidebar .navigation ul span{margin-left:1.5rem!important}}@media screen and (max-width:580px){.sidebar ul{justify-content:space-around!important}.sidebar ul li{padding:1rem 0!important}.sidebar ul li i{font-size:1.4rem!important;-webkit-transform:translateY(-3px)!important;transform:translateY(-3px)!important}.sidebar ul li span{display:none}}.home .homeContent{background:linear-gradient(115deg,#2a1d52 50%,transparent);border-radius:25px;min-height:95vh;overflow:hidden;position:relative;width:100%}.home .homeContent:after{background:url(/my-portfolio/static/media/ConUHackII.9d01a0e02469481dcb6f.webp) no-repeat 0/cover;content:"";-webkit-filter:brightness(30%);filter:brightness(30%);height:100%;position:absolute;width:inherit;z-index:-1}.home .homeContent .content{font-family:Mulish,cursive;left:13%;position:absolute;top:20%}.home .homeContent .content h1{color:#36d0ea;font-family:Josefin Sans,serif;font-size:5rem;text-shadow:3px 6px 2px #333;text-transform:uppercase}.home .homeContent .content h2{color:#63a4e9;font-size:2rem;margin-bottom:1rem;text-shadow:1px 4px 1px #333}.home .homeContent .content h3{color:#63a4e9;font-family:Mulish,cursive;font-size:1.2rem;line-height:2.3;padding-right:8rem;text-shadow:1px 4px 1px #333}.home .homeContent .content .infoHomePage{margin-top:8rem}.home .homeContent .content .resume{background:#63a4e9;-webkit-clip-path:circle(48% at 50% 50%);clip-path:circle(48% at 50% 50%);cursor:pointer;display:grid;float:left;height:10rem;place-items:center;shape-outside:circle(50% at 50% 50%);-webkit-transform:translateX(-1rem);transform:translateX(-1rem);transition:.2s ease;width:10rem}.home .homeContent .content .resume:hover{background:#36d0ea}.home .homeContent .content .resume a{font-size:2rem}@media screen and (max-width:850px){.homeContent{margin:0!important}}@media screen and (max-width:580px){.homeContent:after{background:url(/my-portfolio/static/media/ConUHackII.9d01a0e02469481dcb6f.webp) no-repeat 60% 50%/cover!important}.homeContent h1{font-size:3rem!important}.homeContent h2{font-size:1.8rem!important}}.project .projectContent{display:grid;grid-template-areas:"1" "2";grid-template-columns:1fr;grid-template-rows:50px 1fr;min-height:95vh;width:100%}.project .radioDisplay{background:#2a1d52;border-radius:25px;box-shadow:0 1px 3px #333;display:flex;grid-area:1;margin:0 auto;padding:1rem 2rem;-webkit-user-select:none;-moz-user-select:none;width:100%}.project .radioDisplay li{align-items:center;color:#63a4e9;display:flex;flex:1 1;font-size:1.1rem;justify-content:center;padding:0 1rem;text-transform:uppercase;z-index:2}.project .radioDisplay li input[type=radio]{position:relative;visibility:hidden}.project .radioDisplay li input[type=radio]:before{border:2px solid #4fedd2;border-radius:50%}.project .radioDisplay li input[type=radio]:after,.project .radioDisplay li input[type=radio]:before{content:"";cursor:pointer;height:.9rem;left:-12px;position:absolute;top:-4px;transition:.3s;visibility:visible;width:.9rem}.project .radioDisplay li input[type=radio]:after{background:#4fedd2;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}.project .radioDisplay li input:checked:after{left:-6px;top:2px;-webkit-transform:scale(1.17) translate(-25%,-25%);transform:scale(1.17) translate(-25%,-25%)}.project .radioDisplay li input:checked+label{color:#4fedd2}.project .radioDisplay li label{cursor:pointer}.project .projectsList{display:flex;flex-wrap:wrap;grid-area:2;height:88.5vh;justify-content:space-around}.project .projectsList .projects{background:#6c77f4;border-radius:25px;box-shadow:0 1px 3px #333;display:grid;grid-template-areas:"1" "2" "3";grid-template-rows:15% 20% 55%;margin:.5rem 0 0;max-height:50%;padding:.3rem;-webkit-perspective:70rem;perspective:70rem;-moz-perspective:70rem;position:relative;text-align:center;width:32%}.project .projectsList .projects .card{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s cubic-bezier(.55,-.62,.27,1.2);transition:transform 1s cubic-bezier(.55,-.62,.27,1.2);transition:transform 1s cubic-bezier(.55,-.62,.27,1.2),-webkit-transform 1s cubic-bezier(.55,-.62,.27,1.2)}.project .projectsList .projects .card:hover{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.project .projectsList .projects .card__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:5px;height:100%;overflow:hidden;position:absolute}.project .projectsList .projects .card__face--back{background:#2a1d52;box-shadow:0 2px 6px #333;color:#36d0ea;margin:0 auto;padding:2rem;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);width:100%}.project .projectsList .projects .card__face--back .head{display:flex;justify-content:space-around;margin:1rem 0}.project .projectsList .projects .card__face--back .head .button{background:#36d0ea;border-radius:25px;color:#2a1d52;cursor:pointer;padding:.5rem;transition:.2s}.project .projectsList .projects .card__face--back .head .button:hover{background:#4fedd2}.project .projectsList .projects .card__face--back .text{text-align:justify}.project .projectsList .icons{align-items:center;display:flex;grid-area:1;justify-content:center}.project .projectsList .icons i{color:#36d0ea;font-size:1.4rem;padding:0 .35rem;text-shadow:0 0 1px #2a1d52}.project .projectsList h3{align-items:center;display:flex;font-family:Kufam,sans-serif;font-size:1.65rem;grid-area:2;justify-content:center;justify-content:left}.project .projectsList img{align-items:center;box-shadow:0 2px 6px #333;cursor:pointer;display:flex;grid-area:3;height:100%;justify-content:center;margin:0 auto;object-fit:fill;padding:.5rem;width:100%}@media (max-width:650px) and (min-width:521px){.projectContent .projects{width:49%!important}.projectContent .projects i{font-size:1rem}}@media (max-width:520px){.radioDisplay{display:none!important}.projectContent{grid-template-rows:1fr!important}.projectContent .projects{grid-template-rows:30px 40px 80px 40px!important;width:98%!important}.projectContent .projects img{height:100%!important}}.skills .skillsContent{display:grid;grid-template-areas:"Lan Exp Exp" "Int Int Hob";grid-template-columns:38% 1fr 1fr;grid-template-rows:70% 30%;min-height:95vh;overflow:hidden;position:relative;width:100%}.skills .skillsContent .experience,.skills .skillsContent .hobbies,.skills .skillsContent .languagesNframeworks,.skills .skillsContent .otherSkills{background:#6c77f4;border-radius:25px;padding:.8rem}.skills .skillsContent h3{color:#36d0ea;font-family:Kufam,sans-serif;font-size:1.4rem;margin-bottom:.3rem;text-transform:uppercase}.skills .skillsContent .languagesNframeworks{display:grid;grid-area:Lan;grid-template-areas:"Lang" "Fram";grid-template-columns:1fr;grid-template-rows:1fr 1fr;margin-bottom:.5rem}.skills .skillsContent .languagesNframeworks .languagesDisplay{grid-area:Lang}.skills .skillsContent .languagesNframeworks .frameworksDisplay{grid-area:Fram}.skills .skillsContent .languagesNframeworks .years{color:#ddd;display:flex;font-size:.7rem;justify-content:space-between}.skills .skillsContent .languagesNframeworks .years span{width:36%}.skills .skillsContent .languagesNframeworks .years span:nth-child(2){text-align:center;width:20%}.skills .skillsContent .languagesNframeworks .years span:nth-child(3),.skills .skillsContent .languagesNframeworks .years span:nth-child(4){text-align:right;width:44%}.skills .skillsContent .languagesNframeworks .years span:nth-child(2):before,.skills .skillsContent .languagesNframeworks .years span:nth-child(3):before,.skills .skillsContent .languagesNframeworks .years span:nth-child(4):before{background:hsla(0,1%,70%,.5);content:"";height:146px;position:absolute;-webkit-transform:translate(20px,19px);transform:translate(20px,19px);width:1px}.skills .skillsContent .languagesNframeworks .languagesList{padding-top:.5rem}.skills .skillsContent .languagesNframeworks .languagesList li{color:#2a1d52}.skills .skillsContent .languagesNframeworks .languagesList .progressBar{background:transparent;border-radius:50px;height:.35rem;margin-top:.2rem;position:relative}.skills .skillsContent .languagesNframeworks .languagesList .progressBar:after{-webkit-animation:progressbar 2s ease-out forwards;animation:progressbar 2s ease-out forwards;background:#9acd32;border-radius:50px;content:"";height:.35rem;position:absolute;width:0}@-webkit-keyframes progressbar{to{width:100%}}@keyframes progressbar{to{width:100%}}.skills .skillsContent .experience{display:grid;grid-area:Exp;grid-template-areas:"1" "2" "3" "4";grid-template-columns:1fr;grid-template-rows:6% 1fr 1fr 1fr;margin:0 0 .5rem .5rem}.skills .skillsContent .experience h3{grid-area:1}.skills .skillsContent .experience h4{color:#36d0ea;font-size:1.1rem}.skills .skillsContent .experience h5{color:#36d0ea;padding:.5rem 0 .5rem 1rem}.skills .skillsContent .experience p{padding:0 1rem;text-align:justify}.skills .skillsContent .experience .exp-1{grid-area:2}.skills .skillsContent .experience .exp-2{grid-area:3}.skills .skillsContent .experience .exp-3{grid-area:4}.skills .skillsContent .experience .experienceContent{padding:0 0 0 1.5rem}.skills .skillsContent .experience .experienceContent ul{list-style-type:square}.skills .skillsContent .experience .experienceContent ul li{padding-bottom:.5rem}.skills .skillsContent .otherSkills{grid-area:Int;margin-right:.5rem}.skills .skillsContent .otherSkills .list{display:flex;height:100%;justify-content:space-between;margin:1rem auto 0;width:80%}.skills .skillsContent .otherSkills .list ul{display:grid;height:80%}.skills .skillsContent .otherSkills .list ul i{color:#36d0ea}.skills .skillsContent .hobbies{grid-area:Hob;padding-left:1.5rem}.skills .skillsContent .hobbies ul{display:grid;height:80%;margin-top:1rem}.skills .skillsContent .hobbies ul li i{color:#36d0ea;position:absolute}.skills .skillsContent .hobbies ul li span{position:absolute;-webkit-transform:translateX(2.2rem);transform:translateX(2.2rem)}@media screen and (max-width:950px){.skillsContent h3{font-size:1.2rem!important}.skillsContent .languagesList{padding-top:.2rem!important}.skillsContent .hobbies,.skillsContent .otherSkills,.skillsContent p{font-size:.8rem}}@media screen and (max-width:850px){.skillsContent h4{font-size:.9rem!important}.skillsContent h5{font-size:.6rem!important;padding:.2rem 1rem!important}}@media screen and (max-width:500px){.skillsContent{display:grid!important;grid-template-areas:"1" "2" "3" "4"!important;grid-template-columns:1fr!important;grid-template-rows:1fr 1fr 180px 180px!important}.skillsContent .languagesNframeworks{grid-area:1!important}.skillsContent .experience{grid-area:2!important;margin-left:0!important}.skillsContent .otherSkills{grid-area:3!important;margin-right:0!important}.skillsContent .hobbies{grid-area:4!important;margin-top:.5rem!important}}.contact .contactContent{background:#63a4e9;border-radius:25px;display:grid;grid-template-areas:"1" "2" "3";grid-template-columns:1fr;grid-template-rows:20% 45% 35%;overflow:hidden;width:100%}.contact .contactContent .header{grid-area:1;height:340px;position:relative;width:100%}.contact .contactContent .header .bgvideo{width:100%}.contact .contactContent .header:before{background:url(/my-portfolio/static/media/shape.1c84b1f61262e8d2f128.svg) no-repeat 0/cover;content:"";height:100%;position:absolute;top:240px;width:100%}.contact .contactContent .contactBox{background:rgba(54,208,234,.6);border-radius:5px;box-shadow:0 3px 10px #333;grid-area:2;margin:0 auto;min-height:200px;min-width:440px;padding:1rem 3rem;width:50%;z-index:2}.contact .contactContent .contactBox h1{margin-top:.3rem;position:relative;text-align:center}.contact .contactContent .contactBox h1:after{background:#2a1d52;bottom:-25px;content:"";height:1px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50%}.contact .contactContent .contactBox ul{display:grid;height:72%;margin-top:3.5rem;width:inherit}.contact .contactContent .contactBox ul li{position:relative}.contact .contactContent .contactBox ul i{color:#6c77f4;font-size:1.4rem;position:absolute;-webkit-transform:translateY(2px);transform:translateY(2px)}.contact .contactContent .contactBox ul span{background:transparent;border:none;font-size:1.3rem;font-weight:700;outline:none;position:absolute;-webkit-transform:translateX(52px);transform:translateX(52px);transition:.2s ease;width:350px}.contact .contactContent .contactBox ul .clickInput:hover{cursor:pointer;-webkit-transform:translateX(56px);transform:translateX(56px)}.contact .contactContent .socialNetwork{align-items:center;display:flex;grid-area:3;justify-content:center}.contact .contactContent .socialNetwork ul{display:flex;justify-content:space-around;text-align:center;width:100%}.contact .contactContent .socialNetwork ul li{width:100%}.contact .contactContent .socialNetwork ul a{background:#36d0ea;border-radius:5px;box-shadow:0 1px 3px #333;display:inline-block;font-size:1.2rem;padding:.7rem 0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;transition:.2s ease;transition:scale .1s;width:80%}.contact .contactContent .socialNetwork ul a:hover{background:#4fedd2}.contact .contactContent .socialNetwork ul a i{color:#6c77f4;margin-top:.3rem}@-webkit-keyframes pop{to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes pop{to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.contact .contactContent .socialNetwork ul li:first-child a{-webkit-animation:pop 1s .4s forwards;-moz-animation:pop 1s .4s forwards}.contact .contactContent .socialNetwork ul li:nth-child(2) a{-webkit-animation:pop 1s .8s forwards;-moz-animation:pop 1s .8s forwards}.contact .contactContent .socialNetwork ul li:nth-child(3) a{-webkit-animation:pop 1s 1.2s forwards;-moz-animation:pop 1s 1.2s forwards}.contact .contactContent .socialNetwork ul li:nth-child(4) a{-webkit-animation:pop 1s 1.6s forwards;-moz-animation:pop 1s 1.6s forwards}@media screen and (max-width:500px){.contactContent .contactBox{min-width:100%!important}.contactContent span{font-size:.9rem!important}.contactContent h4{font-size:.9rem}}.notFound{align-items:center;border-radius:25px;display:flex;height:96vh;justify-content:center;max-width:1200px;text-align:center}.notFound h3{font-size:2rem;margin-bottom:3rem}.notFound a{background:#36d0ea;border-radius:25px;padding:1rem 2rem;transition:.2s}.notFound a:hover{background:#4fedd2}
/*# sourceMappingURL=main.bf7c2e3e.css.map*/