:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:Hanken Grotesk,Helvetica,Arial,sans-serif;max-width:1280px;margin:0 auto;padding:2rem;background-image:url(../bg-1.jpeg);background-size:cover;color:#000}.component-title{padding:1vh 0vw 1vh 0vw;margin:3vh 0vw 3vh 0vw}.component-box{margin:4vh 0vw 3vh 2vw}.skills-comp .first-col{margin-top:5vh}.skills-comp .row{margin-bottom:3vh}.skills-comp .skill-icon{width:20vh;padding:3vh}.skills-comp .skill-icon:hover{filter:drop-shadow(0 0 2em rgba(155,129,145,.6666666667));animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.education-comp .row{margin-top:5vh}.education-comp .card{background-color:#fff;box-shadow:0 4px 8px #808080a5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.education-comp .card:hover{transition:transform .2s ease;transform:scale(1.04);box-shadow:0 6px 10px #808080a5}.education-comp .card .card-img-top{width:100%;object-fit:cover;padding:1vw}.education-comp .card-1,.education-comp .card-2{background-color:#ffffff60}.education-comp .card-2 .list-group-item{background-color:#ffffff60!important}.education-comp .achievements .list-group img{width:3vw;padding-right:.5vw}.projects-comp img{width:2vw}.projects-comp .btn{background-color:#c7efef;border:#c7efef;color:#000}.projects-comp .btn:hover{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.projects-comp .card{background-color:#ffffffb6;box-shadow:0 4px 8px #808080a5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:2vh 0vw 2vh 0vw;border-top:black 2px solid}.projects-comp .card:hover{transition:transform .2s ease;transform:scale(1.04);box-shadow:0 6px 10px #808080a5}.about-comp{margin:20vh 8vw 15vh 8vw;padding:10vh 2vw 10vh 2vw}.navbar-comp{margin:3vh 0vw 3vh 0vw}.navbar-comp .bg-body-tertiary{background-color:transparent!important}.navbar-comp .bg-body-tertiary .nav-item{width:7em}.navbar-comp .bg-body-tertiary .nav-item .nav-link{color:#000}.navbar-comp .bg-body-tertiary .nav-item .nav-link:hover{color:#646cff}.navbar-comp .bg-body-tertiary .navbar-brand{font-family:Borel,cursive;font-size:1.8em}.footer-comp img{width:3vw;margin-right:1vw}.footer-comp img:hover{filter:drop-shadow(.05vw 0 .25vw rgba(62,57,60,.6588235294));transform:scale(1.1)}.slide-in{transform:translate(-100%);-webkit-transform:translateX(-100%);animation:slide-in 1.5s forwards;-webkit-animation:slide-in 1.5s forwards}@keyframes slide-in{to{transform:translate(0)}}@-webkit-keyframes slide-in{to{-webkit-transform:translateX(0%)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.gentle-shake{animation:tilt-shaking .5s}@keyframes tilt-shaking{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(0)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.timeline-container .main-timeline{padding-top:50px;overflow:hidden;position:relative}.timeline-container .main-timeline .timeline{width:50%;float:left;padding:20px 60px;border-top:5px solid rgba(0,0,0,.8470588235);border-right:7px solid rgba(0,0,0,.8470588235);border-radius:0 30px 0 0;position:relative;right:-3.5px}.timeline-container .main-timeline .icon{display:block;object-fit:cover;width:50px;height:50px;border-radius:50%;text-align:center;box-shadow:0 2px 4px #808080a5;position:absolute;top:-30px;left:0}.timeline-container .main-timeline .timeline-content{display:block;padding:3vh 2vw 2vh 2vw;border-radius:20px;background:rgba(255,255,255,.3764705882);color:#000;position:relative}.timeline-container .main-timeline .timeline-content:after,.timeline-container .main-timeline .timeline-content:before{content:"";display:block;width:10px;height:50px;border-radius:10px;background:rgba(255,255,255,.3764705882);border:1px solid #fff;position:absolute;top:-35px;left:50px}.timeline-container .main-timeline .timeline-content:after{left:auto;right:50px}.timeline-container .main-timeline .timeline:nth-child(2n){border-right:none;border-left:7px solid rgba(0,0,0,.8470588235);border-radius:30px 0 0;right:auto;left:-3.5px}.timeline-container .main-timeline .timeline:nth-child(2n) .icon{left:auto;right:0;box-shadow:0 2px 4px #808080a5}.timeline-container .main-timeline .timeline:first-child,.timeline-container .main-timeline .timeline:last-child:nth-child(2n){margin:0 0 30px}@media only screen and (max-width: 767px){.timeline-container .main-timeline:before{left:0;right:auto}.timeline-container .main-timeline .timeline,.timeline-container .main-timeline .timeline:nth-child(2n),.timeline-container .main-timeline .timeline:nth-child(odd){width:100%;float:none;padding:20px 30px;margin:0 0 30px;border-right:none;border-left:7px solid rgba(0,0,0,.8470588235);border-radius:30px 0 0;right:auto;left:0}.timeline-container .main-timeline .icon{left:auto;right:0}}@media only screen and (max-width: 480px){.timeline-container .main-timeline .title{font-size:18px}}
