:root{--mainContentHeight: 80dvh;--primaryColor: #333;--accentColor: #ff6600}::-webkit-scrollbar{display:none!important}html{scrollbar-width:none}body,*{margin:0%;padding:0%;box-sizing:border-box;font-family:Fira Code,monospace!important}hr{margin-bottom:1rem;padding-inline:0px!important}.progress-bar{position:fixed;top:0;left:0;height:1px;background-color:#adff2f;transform-origin:0%;width:100%;z-index:1000}section{width:100%}.mainBody{box-sizing:border-box;padding:1vh 2vw;margin-top:4rem}.extra-section>.hireAndDownload{display:flex;justify-content:center;align-items:center;width:100%}li{list-style:none;text-align:left}p{font-size:clamp(1rem,1.5vw,1.8rem);text-align:justify}span{text-align:left}.hireAndDownload{display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;margin-left:0%}img{opacity:.9}img:hover{opacity:1}#card:hover{border:1px solid skyblue}.logo{display:flex;align-items:center;padding:0 1.1rem;box-sizing:border-box;font-size:1.5rem;color:#faf9f6;font-weight:700;animation:logoAnimation 1.5s ease-in-out forwards}.header nav ul{list-style:none;display:flex;justify-content:center}.header nav ul li{margin:0 10px;cursor:pointer;box-sizing:border-box}.nav-links{display:flex}.nav-links li a{text-decoration:none;padding:0 10px;transition:color .3s}.nav-links li.scroll-to-top.active,.nav-links li a.active{border-bottom:1px dotted var(--accentColor)}.nav-links li.scroll-to-top.active:hover,.nav-links li a.active:hover{border-bottom:3px outset var(--accentColor)}.nav-links .active{font-weight:700;transition:color .3s ease,border-bottom .3s ease}.burger-links-menu{background-color:#1a202c;position:absolute;top:0;right:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:999}.main-content{display:flex;flex-direction:row;height:calc(100dvh - 4rem);justify-content:space-around;align-items:center;box-sizing:border-box}.main-content img{display:block;max-height:70%;max-width:70%;border-radius:50%;flex-direction:row;margin-left:20px;box-sizing:border-box}.main-content img:hover{border-radius:10%;scale:1.1;transition:.5s ease-in-out}.intro{width:65vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.dev-name{font-weight:700;font-size:clamp(2.8rem,3.5vw,3.8rem);letter-spacing:.5ch}.dev-proff{font-size:clamp(1.3rem,2vw,2rem);animation:devProff 1.5s ease-in-out forwards;text-align:center;width:100%}.dev-name:hover{transition:opacity 2s ease}.services-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.service-item{padding:10px;border:1px dotted #333;border-radius:5px}.service-item:hover{border:1px dotted skyblue}.contact-form{display:flex;justify-content:center}#project-link{color:#000}.links{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px 35px;flex-wrap:wrap}.path{display:flex;flex-wrap:wrap;word-wrap:break-word}.top-links{display:flex;flex-direction:row;justify-content:space-between;gap:30px}.links a,a{text-decoration:none}#skillsLink{margin-left:20px}.links a legend{padding-left:1rem}.copy-right{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:clamp(1rem,2vw,1.5rem)}.nav-links-burger{display:none}.scroll-to-top{transition:opacity 1s ease-in-out}.scroll-fade-in{animation:2s ease-in-out 1s both}.links a{width:140px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}@media (max-width: 768px){.intro{padding:0;margin-right:0;width:100%}.dev-proff{font-size:clamp(1rem,2vw,1.3rem);animation:pulsateAnimation 8s infinite;transition:opacity 1s ease}.main-content,.hireAndDownload{display:flex;flex-direction:column}.main-content img{max-height:50%;border-radius:50%;margin-left:0;box-sizing:border-box}.react-responsive-3d-carousel__indicators{flex-direction:row}.dev-name{font-size:clamp(1.2rem,2vw,1.5rem)}}@media screen and (min-width: 1081px){.burger-links-menu,.nav-links-burger-opened{display:none}}@media screen and (max-width: 1080px){.main-content{overflow:auto;background-position:center;background-size:auto;background-repeat:no-repeat}.react-responsive-3d-carousel__indicators{flex-direction:row}.dev-proff{font-size:clamp(1.2rem,2vw,1.5rem)}.hireAndDownload ul{width:100%;display:flex;flex-direction:row}ul{display:flex;flex-direction:column;gap:5dvh}.nav-links{display:none}.nav-links-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:10px;position:relative}.nav-links-burger-opened{display:flex;flex-direction:column}.burger-links-menu{display:flex;justify-content:center;align-items:center;position:absolute;top:100%;right:0;width:100%;height:100dvh;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10}.nav-links li a{padding:0}.links a{width:125px}}@keyframes pulsateAnimation{0%{transform:scale(1);opacity:.8}50%{opacity:1;color:#333;text-transform:uppercase}75%{color:#00f}to{transform:scale(1);opacity:.8}}@keyframes devName{0%{opacity:0}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@keyframes blinkCursor{0%,to{border-color:transparent}50%{border-color:#000}}.typing-text{display:inline-block;white-space:nowrap;overflow:hidden;border-right:3px solid rgba(0,0,0,.75);animation:typing 3s steps(30) infinite,blink .75s step-end infinite}@keyframes typing{0%{width:0}25%{width:100%}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes devProff{0%{opacity:0;transform:translate(400px)}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@keyframes logoAnimation{0%{transform:translate(300px,250px);opacity:0}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}.header{background-color:var(--primaryColor);display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;height:4rem;top:0;left:0;width:100%;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;border-bottom:1px solid var(--accentColor);transition:background-color .3s ease-in-out;animation:fadeOut 2s ease-in-out}.header:hover{background-color:#0f0c0c;color:#fff}.burger-icon,.close-icon{font-size:30px;transition:transform .3s ease;cursor:pointer;color:#fff}.burger-icon:hover,.close-icon:hover{transform:scale(1.2)}.nav-links li a{color:#fff;transition:color .3s,background-color .3s}.nav-links li a:hover{color:var(--accentColor);background-color:#fff;border-radius:5px;padding:.5rem}.burger-links-menu{background-color:#333;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;transition:opacity .5s ease}.profile-img{display:block;animation:fadeIn 2s ease-in-out}.intro{text-align:center;animation:fadeIn 1.5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:0;transform:translateY(-20px);height:10px}to{opacity:1;transform:translateY(0)}}.about h2,.services h2,.projects h2,.contact-form h2{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:20px;box-sizing:border-box}.service-title{font-size:clamp(1.2rem,2vw,1.8rem);margin-bottom:10px;background-color:#333;color:#fff;text-align:left;padding:10px}.service-description{font-size:clamp(.9rem,1.5vw,1.2rem)}@media screen and (max-width: 425px){.hireAndDownload{flex-direction:column;width:100%}.copy-right{font-size:clamp(1rem,3vw,1.2rem)}}.divider{border-bottom:1px solid;border-style:dashed;width:100%;margin-top:.3rem}