main{position:relative}main .button-group button{border-radius:1rem;padding:.75rem}nav{margin:auto}.navbar{background-color:#deb887;border-radius:20px}nav .nav-link{color:#fff}.nav-item{cursor:pointer}.nav-item:hover{color:#000;transition:all .3s ease-in-out;transform:scale(1.2)}h3{margin-top:1rem;font-size:3rem}.home{min-height:90vh}.hero-container{align-items:center;min-height:90vh;margin-top:10rem;display:flex;position:relative}.react-logo{opacity:.1;z-index:-99;pointer-events:none;width:50%;height:100%;position:absolute;inset:0 0 0 60rem}.nav-container{z-index:99;background:#fff;height:10vh;position:fixed;inset:0;overflow:hidden}.nav{flex-wrap:nowrap!important}.navbar{display:flex}.navbar-brand{color:#000;cursor:pointer;font-family:Qwitcher Grypen,cursive;font-size:6rem;font-style:normal;font-weight:700}.heading{color:#deb887;width:50%;font-family:Bebas Neue,sans-serif;font-size:10rem;font-weight:bolder}.software-dev-heading{color:#deb887;font-family:Bebas Neue,sans-serif;font-size:5rem;font-weight:bolder;overflow:hidden}.exp{width:100%;overflow:hidden}.details{word-wrap:break-word;word-break:break-word;font-size:clamp(2rem,5rem,2vw)}.aboutMeDetails{word-wrap:break-word;word-break:break-word}.abt-me-heading-bottom,.contact-me-heading-bottom{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:burlywood;-webkit-text-fill-color:white}.char,.aboutmechar{display:inline-block}.hero .details{width:40%;font-family:Roboto Mono,monospace;position:absolute;top:15rem;right:0}.hero .mob-details{font-family:Roboto Mono,monospace;font-size:2rem;display:none}.mob-icons{display:none}.hero-image img{object-fit:cover;width:100%;height:100%}.icons i{cursor:pointer;color:#deb887;margin-right:1rem;font-size:2rem;transition:transform .2s}.icons i:hover{transform:scale(1.5)}.contact-me-section{background-position:50%;background-repeat:no-repeat;background-size:90%;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;display:flex;overflow-x:hidden}.about-me-section{flex-direction:column;justify-content:center;align-items:center;min-height:90vh;margin-top:10rem;display:flex;position:relative;overflow:hidden}.slick-carousel{width:100%;margin:auto}.slick-slide{justify-content:center;align-items:center;height:150px;display:flex}.prog-icons i{font-size:5rem}.hamburger-menu{cursor:pointer;z-index:999999;flex-direction:column;justify-content:space-around;width:30px;height:30px;display:none}.hamburger-menu .bar{background-color:#333;width:30px;height:3px;transition:all .3s}.hamburger-menu .bar.active{color:#fff}.mobile-nav{z-index:99;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.mobile-nav ul{text-align:center;list-style:none}.mobile-nav ul li{margin:20px 0}.mobile-nav ul li a{color:#fff;font-size:24px;text-decoration:none}.hamburger-menu.active .bar:first-child{color:#fff;transform:rotate(45deg)translate(5px,5px)}.hamburger-menu.active .bar:nth-child(2){opacity:0}.hamburger-menu.active .bar:nth-child(3){color:#fff;transform:rotate(-45deg)translate(6px,-6px)}.mobile-nav.active{display:flex}@media only screen and (max-width:992px){.hero .details{font-size:1.5rem}}@media only screen and (max-width:768px){.hero .details{font-size:1.5rem}.navbar,.social-icons{display:none}.mob-icons{flex-direction:column;align-items:start;display:flex}.heading{width:80%}.hamburger-menu{display:flex}.react-logo{pointer-events:none;width:100%;height:100%;inset:0}}@media only screen and (max-width:492px){html{font-size:53%}.nav-link{font-size:1.5rem!important}}@media only screen and (max-width:425px){html{font-size:50%}.hero .details{display:none}}@media only screen and (max-width:375px){html{font-size:40%}.hero-container{background-position-y:29rem}.hero .mob-details{font-size:2rem;display:block}.heading{font-size:11rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:10s linear infinite spin}