*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif}html{margin:0 5%;scroll-snap-type:y mandatory;scroll-behavior:smooth}@media only screen and (max-width: 600px){html{font-size:4.5px}}@media only screen and (min-width: 600px){html{font-size:5px}}@media only screen and (min-width: 992px){html{font-size:6px}}@media only screen and (min-width: 1200px){html{font-size:60%}}@media only screen and (min-width: 1400px){html{font-size:70%}}a{text-decoration:none;color:inherit}body{background:linear-gradient(360deg,#0c0c1d,#111132);color:#d3d3d3}section{scroll-snap-align:center}.course{height:100vh;display:flex;align-items:center;justify-content:center}.course .box{width:200px;height:200px;background-color:#fff}.hero{height:calc(100vh - 10rem);overflow:hidden;display:flex;flex-direction:column;align-items:center}@media only screen and (min-width: 992px){.hero{flex-direction:row}}.hero .text-container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.hero .text-container .name_heading{font-size:6vmin;color:#639;letter-spacing:10px}.hero .text-container .description_heading{font-size:4rem}.hero .text-container .buttons button{font-size:3rem;padding:2rem;border:1px solid white;border-radius:10px;background-color:transparent;color:#fff;margin-right:20px;cursor:pointer;font-weight:300}.hero .text-container img{height:15%;width:15%;max-width:50px;max-height:50px}.hero .imageContainer{display:flex;width:50%;height:100%}.hero .imageContainer img{width:100%;height:100%;object-fit:contain}.navbar{height:10rem}.navbar .nav-bar-wrapper{display:flex;align-items:center;justify-content:flex-end;height:100%}.icon:hover{transform:scale(1.1)}.social{display:flex;gap:1rem;flex-wrap:wrap}.social a{font-size:20px;display:flex;align-items:center;justify-content:center;gap:2.5px}@media only screen and (max-width: 600px){.social .icon-text{display:none}}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebar .bg{z-index:999;position:fixed;top:0;left:0;bottom:0;width:200px;background:white}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:20px}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none}.about-me-container{height:100vh;font-size:4vmin}.about-me-container .heading{padding-top:2rem;text-align:center}.about-me-container .about-me{height:90%;width:fit-content;display:flex;gap:5rem;flex-direction:column;justify-content:space-evenly}.about-me-container .about-me .description{font-size:4vmin;display:flex;text-align:center;flex-direction:column;justify-content:space-evenly;align-items:center;gap:5rem}.about-me-container .about-me .description .robot{width:35%;height:35%}.about-me-container .about-me .companies-experiences{display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;gap:10px}.about-me-container .about-me .companies-experiences .companies{display:flex;justify-content:center;align-items:center;gap:10rem}.about-me-container .about-me .companies-experiences .companies img{max-width:20rem;max-height:15rem}.graph-container{display:flex;padding-top:2rem;flex-direction:column;justify-content:space-between;height:100vh;width:100%}.graph-container .bar-graph-heading{font-size:4rem}.graph-container .animated-text_dropdown{gap:2rem;display:flex;align-items:center;flex-direction:column}.graph-container .animated-text_dropdown select{font-size:3rem}@media only screen and (max-width: 600px){.graph-container{align-items:center}}.graph-container .chart-svg{height:100%;width:100%}.graph-container .chart-svg svg{overflow:visible;width:100%;height:85%}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background-color:#fff;top:0;bottom:0;left:50%;margin-left:-3px}.container{padding:20px 40px;position:relative;background-color:inherit;width:50%}.container:after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:#fff;border:4px solid #FF9F55;top:15px;border-radius:50%;z-index:1}.left{left:0}.right{left:50%}.left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid white;border-width:10px 0 10px 10px;border-color:transparent transparent transparent white}.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}.right:after{left:-16px}.content{padding:20px 50px;position:relative;background:linear-gradient(180deg,#0c0c1d,#111132);border-radius:6px}.content:hover{background:linear-gradient(180deg,#3c3c7b,#111132)}@media screen and (max-width: 600px){.timeline:after{left:31px}.container{width:100%;padding-left:70px;padding-right:25px}.container:before{left:60px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}.left:after,.right:after{left:15px}.right{left:0%}}.contact-me{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.contact-me .coffee-message{font-size:4rem;text-align:center;padding-top:2rem}.contact-me .internal-content{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100vmin}.contact-me .internal-content .robo{width:40vmin;height:30vmin;object-fit:contain}.contact-me .internal-content .contact_me-message{font-size:3rem}.contact-me .internal-content .connection-signature{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-me .internal-content .connection-signature h4{margin-right:10px}.contact-me .internal-content .signature{font-family:Sacramento;font-size:5rem}.contact-me .internal-content .connection{display:flex;align-items:center;gap:2rem;flex-direction:column;justify-content:space-evenly}.contact-me .footer{width:100%;margin-bottom:2px;height:32vmin}.contact-me .footer img{height:100%;width:100%;object-fit:fill}