*{box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}body,html{height:100%;overflow-x:hidden}section{height:100vh;width:100vw}a{color:#fff;transition:.3s ease}a:hover{color:#9283fe}svg{fill:#fff}button{cursor:pointer}.grey{color:#cbcbcb}.px36{font-size:36px}.px18{font-size:18px}.px24{font-size:24px}.semi-bold{font-weight:600}.medium{font-weight:500}.hero__section img{height:100%;object-fit:cover;width:100%}.personal-info__section{background:#0b0b0b;color:#fff;position:relative}.personal-info__section .background-image{height:100%;object-fit:cover;position:absolute;width:100%}.personal-info__section main{display:flex;gap:20px;padding:60px 60px 0;width:100%}.personal-info__section main aside{max-width:245px;position:relative;width:100%}.personal-info__section main .personal-info__aside{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:60px}.personal-info__section main .personal-info__aside .main-personal-info-container{display:flex;flex-direction:column;gap:10px}.personal-info__section main .personal-info__aside .social-icons-container{display:flex;flex-direction:column;gap:15px}.personal-info__section main .personal-info__aside .social-icons-container svg{max-width:40px}.personal-info__section main .personal-info__aside .social-icons-container svg:hover{fill:#9283fe;transition:.3s ease}.personal-info__section main .personal-info__aside .social-media-links-container{display:flex;flex-direction:column;gap:10px}.personal-info__section main .personal-info__aside .social-media-links-container .selected-link{border:2px solid #fff;padding:10px}.personal-info__section main .profile-photo-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end;padding:30px 0;position:relative}.personal-info__section main .profile-photo-container img{height:100%;object-fit:contain;position:absolute;width:100%}.personal-info__section main .career__aside{align-items:flex-end;display:flex;flex-direction:column;gap:10px;justify-content:center}.personal-info__section main .career__aside h1{text-align:center}.personal-info__section main .career__aside .proceed-bar{align-items:center;display:flex;flex-direction:column;justify-content:center}.personal-info__section main .career__aside .proceed-bar button{align-items:center;background:#fff;border:1px solid #fff;border-radius:50%;color:#0b0b0b;display:flex;height:40px;justify-content:center;transition:1s ease;width:40px}.personal-info__section main .career__aside .proceed-bar button:hover{background-color:#9283fe;border:1px solid #9283fe;color:#fff;transition:.4s ease!important}.personal-info__section main .career__aside .proceed-bar .line{background-color:#fff;height:200px;transition:1s ease;width:5px}.personal-info__section main .career__aside .proceed-bar .line,.personal-info__section main .career__aside .proceed-bar button{box-shadow:2px 2px 6px 0 rgba(0,0,0,.05)}.personal-info__section main .career__aside .proceed-bar .completed{background:red;color:#fff}.personal-info-small__section{background:#0b0b0b;color:#fff;display:none;flex-direction:column;gap:20px;padding:40px;position:relative;width:100%}.personal-info-small__section .background-image{height:100%;object-fit:cover;position:absolute;width:100%}.personal-info-small__section .personal-info-container{display:flex;flex-direction:column;gap:20px;justify-content:space-between;padding-bottom:20px}.personal-info-small__section .social-icons-container{display:flex;gap:15px}.personal-info-small__section .social-icons-container svg{width:40px}.personal-info-small__section .social-icons-container svg:hover{fill:#9283fe;transition:.3s ease}.personal-info-small__section .social-media-links-container{display:flex;flex-direction:column;gap:10px}.personal-info-small__section .social-media-links-container .selected-link{border:2px solid #fff;padding:10px}.personal-info-small__section .profile-photo-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end;position:relative}.personal-info-small__section .profile-photo-container img{height:100%;object-fit:contain;position:absolute;width:100%}.projects__section{background-color:#0b0b0b;display:flex;flex-direction:column;padding:50px}.projects__section h1{margin:50px 0}.projects__section .project-card-grid{grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.projects__section .project-card-grid .project-card{border:1px solid #9283fe;border-radius:25px;cursor:pointer;transition:.3s ease}.projects__section .project-card-grid .project-card img{border-radius:25px 25px;max-height:425px;object-fit:cover;width:100%}.projects__section .project-card-grid .project-card .description__container{display:flex;flex-direction:column;gap:45px;padding:20px}.projects__section .project-card-grid .project-card:hover{background-color:#59e8c0}.big-screen{display:flex}@media screen and (max-height:790px){.personal-info__section .personal-info__aside .social-icons-container{flex-direction:row!important;gap:15px!important}}@media screen and (max-width:785px){.personal-info__section .social-icons-container{flex-direction:row!important}.personal-info-small__section{display:flex!important}.big-screen{display:none!important}}@media screen and (max-width:1900px){.projects__section .project-card-grid{grid-template-columns:1fr 1fr 1fr!important}}@media screen and (max-width:1145px){.personal-info__section .career__aside{display:none!important}}
/*# sourceMappingURL=main.86ff09fc.css.map*/