:root{--white: #ffffff;--grey: #252525;--black: #000000;--light-blue: #0084ff;--dark-blue: #3a34aa;--light-green: #47e76f}.dark-mode{--light-blue: #59e9f9;--dark-blue: #3a75a1}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#fadcdc,#aeeaff 30%);margin:0 10px;transition:1s ease-in-out;font-family:Winky Rough,sans-serif;color:var(--black)}.dark-mode{background:var(--grey);color:#fff}*{cursor:none}.cursor{position:absolute;z-index:4;background:var(--dark-blue);width:10px;height:10px;border-radius:30px;pointer-events:none;box-shadow:0 0 15px 5px var(--light-blue)}.dark-mode .cursor{background:var(--light-blue )}@media screen and (max-width: 500px){.cursor{display:none}}.main-container{margin:0 60px}@media screen and (max-width: 1024px){.main-container{margin:0}}#skills{margin:0;display:flex;flex-direction:column;gap:10px}.row1{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.row1 .col1 .card{max-width:300px;text-align:justify;padding:10px 30px;border-radius:20px;border:2px solid var(--light-blue);color:var(--dark-blue)}.row1 .col1 span{color:var(--light-blue)}.card:has(.education-list){padding:30px;border-radius:20px;border:2px solid var(--dark-blue)}.education-holder .title{color:var(--dark-blue);font-size:1.4rem;margin-top:0;margin-bottom:10px}.education-holder .timeline{padding:10px 0;border-radius:10px;color:var(--dark-blue);font-size:.9rem}.education-holder .timeline p{margin:3px 0}.education-holder .education-list .education-item{display:flex;flex-direction:row;gap:10px;overflow:hidden;margin-bottom:3px}.education-holder .education-item p:first-child{color:var(--light-blue)}.education-holder .education-list .education-item hr{height:100%;margin:2px auto auto;width:2px;border:none;background-color:var(--dark-blue)}.education-holder .education-list .timeline-line{display:flex;flex-direction:column}.row2{display:flex;flex-direction:row;align-items:center;gap:20px}.row2col2{width:80%}.col2{margin:0 auto;width:100%}.col2 .quick-info{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px 60px;margin:0 auto;align-items:center}.col2 .quick-info .quick-info-item{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:200px}.col2 .quick-info .quick-info-item p{color:var(--dark-blue);text-align:center}.col2 .quick-info .quick-info-item p:first-child{margin:0;font-size:1.8rem;color:var(--light-blue)}#skills .row2col2{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;gap:10px}#skills .skills{width:300px;display:flex;flex-direction:row;margin:auto;gap:10px}#skills .skills h2{margin:10px 0}#skills .skills hr{width:100%;margin:auto}#skills .row2col2 .skill-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;position:relative;width:80%}#skills .row2col2 .skill-icons .gradient{position:absolute;top:0;left:0;width:103%;height:103%;z-index:1;background:linear-gradient(to bottom,#fff0,#aeeaffb3);pointer-events:none}.dark-mode #skills .row2col2 .skill-icons .gradient{background:linear-gradient(to bottom,#0000,#252525e6)}#skills .row2col2 .skill-icons .icon{width:75px;height:75px;padding:7px;border-radius:50%;object-fit:cover;transition:.3s ease-in-out;background-color:#c8c8dc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 2px 1px var(--light-blue)}.dark-mode #skills .row2col2 .skill-icons .icon{background-color:#323232}#skills .row2col2 .skill-icons .icon:hover{scale:1.1;box-shadow:0 0 5px 2px var(--dark-blue)}.icon{animation:float 8s linear infinite;animation-delay:calc(0s + (var(--i, 0) * .5s))}@keyframes bubbleFloat{0%{transform:translate(0)}25%{transform:translate(10px,-15px)}50%{transform:translateY(-30px)}75%{transform:translate(-10px,-15px)}to{transform:translate(0)}}.bubble1{animation-duration:6s;animation-delay:0s}.bubble2{animation-duration:7s;animation-delay:.8s}.bubble3{animation-duration:5.5s;animation-delay:1.2s}.bubble4{animation-duration:8s;animation-delay:1.7s}.bubble5{animation-duration:6.5s;animation-delay:2.1s}.bubble6{animation-duration:9s;animation-delay:2.6s}@media screen and (max-width: 1024px){.col2 .quick-info{gap:20px}}@media screen and (max-width: 768px){.row1{flex-direction:column;align-items:center}.card:has(.education-list){padding:20px}#skills .row2col2{margin:0;width:100%}#skills .row2col2 .skill-icons{gap:10px;width:100%}.row2{flex-direction:column;align-items:center}}@media screen and (max-width: 410px){#skills{padding:0}.col2,.row2{width:100%}.row1 .col1 .card{margin:0 auto;max-width:250px}.row2 .skill-icons .icon{width:50px;height:50px;padding:7px}.row2 .skill-icons .icon:hover{box-shadow:0 0 3px 3px var(--dark-blue)}}section{scroll-margin-top:92px}#home{min-height:90vh;margin:0;display:flex;flex-direction:row;align-items:center;gap:15px}.card{min-width:300px}.card:has(.img-holder){padding:30px;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:10px}.col1 .card:has(.img-holder){background:linear-gradient(45deg,var(--light-blue) 0%,var(--dark-blue) 70%);background-size:100% 30%;background-repeat:no-repeat;border:2px solid var(--dark-blue)}.card .img-holder{width:120px;height:120px;margin-top:80px;border-radius:50%;overflow:hidden;box-shadow:0 0 10px 3px #fff5e1}.card .img-holder img{width:100%;height:100%;transition:.5s ease-in-out;object-fit:cover}.card .img-holder img:hover{scale:1.1}.card .img-holder:after{content:"";position:absolute;transform:translate(-125%,400%);width:15px;height:15px;border:4px solid var(--dark-blue);border-radius:50%;background-color:var(--light-green)}.col1 .card:has(.info-list){width:80%}.info-list{display:flex;flex-direction:column;gap:10px;width:100%}.info-item{display:flex;flex-direction:row;gap:20px;align-items:center}.info-item .info-icon{padding:12px 15px;border-radius:15px;font-size:1.2rem;color:var(--dark-blue)}.info-item a,.info-item p{margin:0;color:var(--light-blue);text-decoration:none}.card .img-holder .full-img-holder{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1;background:#1e1e1e80;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:none;justify-content:center;transition:2s ease-in}.card .img-holder .full-img-holder img{max-width:350px;max-height:350px;border-radius:50%;margin:auto;object-fit:cover;position:relative;box-shadow:0 0 50px 10px #fff5e1}.spacer{height:15px}hr{background-color:var(--dark-blue);height:2px;border:none}.dark-mode hr{background-color:var(--white);height:2px}.name-holder{color:var(--dark-blue);font-size:1.3rem;text-align:left}.name-holder .name{font-size:2.5rem;background:-webkit-linear-gradient(20deg,var(--light-blue) 0%,var(--dark-blue) 50%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;-webkit-text-fill-color:transparent;animation:light-effect 5s forwards ease-in-out,breathe-2 .3s alternate infinite 5s}@keyframes light-effect{0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%{opacity:.5;text-shadow:0 0 15px var(--light-blue)}18.1%,20.1%,50%,60.1%,65%,80.1%,90%,92.1%,to{opacity:1;text-shadow:0 0 15px var(--dark-blue)}}.link-holder{display:flex;flex-direction:row;gap:8px;border-radius:30px;padding:0 20px}.link-holder a{background:transparent;color:var(--dark-blue);text-decoration:none;font-size:1.5rem;padding:8px 10px 5px;border-radius:5px;transition:.3s ease}.link-holder a:hover{color:var(--light-blue)}.col2{display:flex;flex-direction:column}.col2 .about-title{color:var(--dark-blue);font-size:1.4rem;margin-bottom:10px}.col2 .about-content{font-size:1rem;width:90%;text-align:justify}.col2 .name-holder h3{color:var(--light-blue)}.dark-mode .col2 .name-holder h3{color:var(--white)}.col2 .name-holder p{text-align:justify;color:var(--light-blue);font-weight:300;font-size:1.1rem}.col1 .resume-btn{margin:0 auto;padding:15px 30px;border-radius:30px;width:max-content;background:linear-gradient(-30deg,var(--dark-blue) 0%,var(--light-blue) 90%);border:2px solid var(--light-blue);text-decoration:none;color:var(--white);transition:ease-in .4s}.col1 .resume-btn:hover{background:var(--white);color:var(--dark-blue);box-shadow:0 0 10px 1px var(--light-blue)}.col1 .resume-btn svg{animation:breathe 1s alternate infinite}@keyframes breathe{0%{translate:5px -5px}to{translate:5px 5px}}.col2 .explore-holder{display:flex;flex-direction:column;padding:20px 0;text-decoration:none}.col2 .explore-holder .arrowAnim{display:flex;flex-direction:column;margin:auto}.col2 .explore-holder .arrowAnim .arrow{border:solid var(--light-blue);border-width:0 3.5px 3.5px 0;display:inline-block;padding:9px;transform:rotate(45deg);margin-bottom:-8px;animation:slide 1s infinite}.col2 .explore-holder .arrowAnim .arrow:nth-child(1){animation-delay:5s}.col2 .explore-holder .arrowAnim .arrow:nth-child(2){animation-delay:5.2s}.col2 .explore-holder .arrowAnim .arrow:nth-child(3){animation-delay:5.4s}@keyframes slide{0%{opacity:0}30%{opacity:.2}60%{opacity:.4}to{opacity:.8}}.contact-btn{background:linear-gradient(45deg,var(--dark-blue),var(--light-blue));color:var(--white);text-decoration:none;width:max-content;margin:auto;border:2px solid var(--light-blue);padding:15px 30px;transition:ease-in .4s;border-radius:40px;font-size:1rem;font-weight:600}.contact-btn:hover{color:var(--dark-blue);background:var(--white);border:2px solid var(--light-blue);box-shadow:0 0 10px 1px var(--light-blue)}@media screen and (max-width: 768px){#home{flex-direction:column;gap:10px;padding:10px 0}.card{padding:15px 0}.col1 .full-img-holder img{width:250px;height:250px}}@media screen and (max-width: 410px){.col1 .card:has(.info-list){padding:10px 30px}.col2 .name-holder p{font-size:1.2rem}.card{min-width:250px}}.footer-cont{background-color:#ffffff4d;border-radius:20px 20px 0 0;text-align:center;padding:15px 10px;color:var(--light-blue)}.dark-mode .footer-cont{background-color:#1414144d}.nav-bar{z-index:3;display:flex;flex-direction:row;padding:5px 10px;min-height:80px;justify-content:space-between;position:sticky;border-radius:0 0 20px 20px;top:0;left:0;background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.dark-mode .nav-bar{background:#14141466}.nav-bar *{margin:auto 0}.nav-bar nav ul{display:flex;flex-direction:row;align-items:start;gap:30px;list-style:none;padding:0}.nav-bar nav ul li a{padding:10px 15px;font-size:1.1rem;text-decoration:none;color:var(--dark-blue)}.nav-bar nav ul li a:hover{color:var(--light-blue)}.nav-bar nav ul li .active{color:var(--light-blue);border-bottom:4px solid var(--light-blue);border-radius:4px}.name{text-decoration:none;font-size:2rem;font-weight:600;text-align:center;background:-webkit-linear-gradient(-45deg,var(--dark-blue) 30%,var(--light-blue) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.menu-icon{display:none;width:35px;height:35px}.nav-bar .buttons{display:flex;flex-direction:row;gap:10px;margin:auto 0}.nav-bar .theme{color:var(--dark-blue);font-size:1.4rem;margin:10px auto 0;background-color:transparent;border:none}.dark-mode .nav-bar .theme{color:var(--light-blue)}@media screen and (max-width: 768px){.nav-bar{padding:0 10px;justify-content:space-between}.nav-bar .theme{color:var(--light-blue)}.nav-bar nav{margin:-10px;display:none;position:absolute;top:0;left:0;z-index:1;padding:50px 10px;background:#e6e6e6f7;border-radius:0 0 20px 20px;width:100%}.dark-mode .nav-bar nav{background:#323232f7}.nav-bar nav ul{flex-direction:column}.nav-bar nav ul li a{color:var(--dark-blue)}.dark-mode .nav-bar nav ul li a{color:var(--white)}.menu-icon{display:block;z-index:1}}.experience-cards{display:flex;flex-direction:column;padding:10px 0 20px;margin:0 20px}.experience-cards .experience-card{display:flex;flex-direction:row;gap:10px;border-radius:20px;padding:15px;margin-bottom:20px;box-shadow:0 0 5px 1px var(--light-blue)}.experience-cards .experience-card .experience-period{min-width:25%;font-size:1.2rem;text-align:center;display:flex;flex-direction:column;justify-content:center;color:var(--light-blue)}.experience-cards .experience-card .experience-info{display:flex;flex-direction:row;gap:15px}.experience-cards .experience-card .experience-period img{width:80px;height:80px;border-radius:50%}.experience-cards .experience-card .experience-info h2,.experience-cards .experience-card .experience-info h3{margin:0;color:var(--light-blue)}.experience-cards .experience-card .experience-info .experience-details li{color:var(--dark-blue);text-align:justify;font-size:1.1rem;margin:10px 0}@media screen and (max-width:768px){.experience-cards{margin:0 10px}.experience-cards .experience-card{flex-direction:column}.experience-cards .experience-card .experience-info h2,h3{text-align:center}}#project{display:flex;flex-direction:column}.main-4{padding:10px;border-radius:10px}.main-4 .projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.main-4 .more{display:flex;flex-direction:row;justify-content:space-between}.main-4 .more .more-btn{padding:10px 20px;height:max-content;margin:auto 0;background-color:transparent;border:none;color:var(--light-blue);text-decoration:none;font-size:18px}.main-4 .projects .project{display:flex;flex-direction:row;justify-content:space-between}.main-4 .projects .project-title,.watchers{display:flex;flex-direction:row;margin:0}.watchers-1{display:flex;flex-direction:row;margin-top:30px}.main-4 .main-4-1{background:#83bfff;border-radius:10px;padding:10px;transition:.4s ease-in}.dark-mode .main-4 .main-4-1{background:#3c3c3c}.main-4 .main-4-1:hover{scale:1.05;box-shadow:0 0 5px 2px var(--light-blue)}.main-4 .main-4-1 a{margin:auto 0}.main-4 .main-4-1 svg{margin:auto 10px}.main-4 .projects .main-4-err{display:flex;flex-direction:column;margin:0 auto;width:100%;background-color:#3c3c3c}.project-cards{display:flex;flex-direction:row;gap:15px;overflow-x:scroll;margin:20px 10px}.project-cards::-webkit-scrollbar{display:none}.project-cards .project-card{min-width:280px;max-height:200px;background-color:var(--white);border-radius:30px;display:flex;flex-direction:column;gap:10px;align-items:center;padding:10px;margin:auto;overflow:hidden}.project-cards .project-card:hover>img{transition:.5s ease-in-out;filter:blur(8px)}.project-cards .project-card:hover>.project-content{translate:0rem -13.3rem}.project-cards .project-card img{width:280px;min-height:170px;border-radius:20px;object-fit:cover}.dark-mode .project-cards .project-card .project-content{box-shadow:none;background-color:var(--dark-blue)}.project-cards .project-card .project-content{display:flex;flex-direction:column;gap:10px;background-color:#83bfff;border-radius:20px;padding:15px 10px;translate:0rem 1rem;transition:1s ease-in-out}.project-cards .project-card .project-card-title{text-align:center;font-size:1.2rem;color:var(--black);margin:0}.project-cards .project-card .project-content p:nth-child(1){text-align:justify;font-size:1rem;color:var(--white);margin:0}.project-cards .project-card .project-content a{display:flex;width:max-content;margin:auto;border-radius:20px;background-color:var(--white);color:var(--dark-blue);text-decoration:none;padding:10px 20px}@media screen and (max-width: 768px){.main-4 .projects{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 456px){.main-4{margin:0}.main-4 .projects .project{flex-direction:column}.main-4 .more .more-btn{text-align:right}}#contact{min-height:0vh;margin:10px;padding:10px}#contact .main-5-2{display:block;padding:20px 10px;border-radius:25px;background-color:#323232;border:3px solid var(--dark-blue);box-shadow:0 0 10px var(--dark-blue)}#contact .main-5-2 .exclaimation{display:flex;margin:auto;font-size:40px}#contact .main-5-1{display:block}#contact .main-5-1 input[id=input1],#contact .main-5-1 textarea[id=input2]{border-radius:10px;min-width:35vw;font-family:Winky Rough,sans-serif;padding:10px;border:none;font-size:18px}#contact .main-5-1 textarea[id=input2]{min-height:200px;resize:none}#contact .main-5-1 .form-contact{display:flex;flex-direction:column;gap:30px;width:max-content;padding:20px;margin:30px auto;border-radius:25px;background-color:#aae1ff;box-shadow:0 0 10px var(--dark-blue)}.dark-mode #contact .main-5-1 .form-contact{background-color:#323232}#contact .main-5-1 .form-contact .submit-btn{width:max-content;margin:auto;text-align:center;text-decoration:none;padding:10px 30px;border-radius:20px;font-family:Winky Rough,sans-serif;color:var(--light-blue);border:3px solid var(--dark-blue);background-color:transparent;font-size:1.2rem;transition:.3s ease-in-out}#contact .main-5-1 .form-contact .submit-btn:hover{color:var(--white);background-color:var(--dark-blue);box-shadow:0 0 5px var(--light-blue)}#contact .main-5-1 .contact-links{display:flex;flex-direction:row;gap:30px;margin:30px;justify-content:center}#contact .main-5-1 .contact-links .link-git{font-size:1.8rem;color:var(--dark-blue);transition:.3s ease-in-out}#contact .main-5-1 .contact-links .link-git:hover{color:var(--light-blue);scale:1.2}@media screen and (max-width:456px){#contact{margin:0}#contact .main-5-1 input[id=input1],textarea[id=input2]{min-width:60vw}#contact .main-5-1 .contact-links .link-git{font-size:26px}}