.Navlogo{width:250px;padding:15px}.navBarMainDiv{background-color:#212428cc;align-items:center;display:flex;justify-content:space-between;width:99vw;position:fixed;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1}.navBarLinksDiv{align-items:center;display:flex;flex-direction:row}.navBarLinksDiv li a{color:#c4cfde;text-decoration:none;list-style-type:none;padding:0 20px;font-size:16px}.navBarLinksDiv li a:hover{color:#fff}.navBarLinksDiv li{list-style-type:none}.navbarContactDiv{align-content:center;background-color:#212428;border-radius:20px;box-shadow:0 0 15px #fffafa24;height:35px}.navbarContactDiv a{color:#ff014f!important}.navbarContactDiv:hover{box-shadow:0 0 25px #fffafa24}.hamburger{display:none;cursor:pointer;position:absolute;right:20px;top:15px;z-index:1000}.navBarLinksDiv li a{color:#c4cfde;text-decoration:none;transition:color .3s ease}.navBarLinksDiv li a.active{color:#fff!important;font-weight:700}@media screen and (max-width: 768px){.hamburger{display:block}.navBarLinksDiv{box-shadow:-8px 20px 20px -6px #fffafa24;display:none;flex-direction:column;position:absolute;top:75%;right:0;height:100vh;width:20%;min-width:140px;background-color:#212428e6;text-align:center;padding:10px 0}.navBarLinksDiv.open{display:flex}.navBarLinksDiv li a{font-size:14px}.navBarLinksDiv li{margin-bottom:25px}.Navlogo{width:140px;padding:10px}}.portaitMainDiv{padding-top:115px;display:flex}.portaitMainDiv img{width:50%}.portraitTextDiv{align-content:center}.portraitImg{display:flex;justify-content:end;width:50%}.typewriter{font-size:40px;font-weight:700;color:#ff014f;text-align:end;display:inline-block;white-space:nowrap;position:relative}.hidden-text{visibility:hidden}.visible-text{position:absolute;right:0}.cursor{display:inline-block;width:5px;background-color:#ff014f;animation:blink .7s infinite;position:absolute;right:0}.animatedSkills{font-size:2vw}.firstNameText{font-size:4.5vw}@keyframes blink{50%{opacity:0}}@media screen and (max-width: 768px){.portaitMainDiv{padding-top:16%}.portaitMainDiv img{width:80%}.animatedSkills{font-size:4vw}.firstNameText{font-size:6.5vw}}.resumeheading{font-size:50px;text-align:center;color:#c4cfde;font-weight:300}.resumeTitlesMainDiv{border-radius:10px;width:60%;display:flex;justify-content:space-between;background-color:#202327;box-shadow:0 0 15px #fffafa24;height:100px;align-items:center;margin-bottom:30px}.resumeTitles{width:50%;display:flex;justify-content:center;cursor:pointer;align-items:center;height:100%}.resumeDiv{display:flex;justify-content:center}.educationMainDiv{justify-content:center;display:flex;transition:color .3s ease-in-out}.educationSecondDiv{display:flex;align-items:flex-start;gap:20px;width:45vw}.educationDate{color:#ff014f;font-weight:500;width:25%;min-width:120px}.educationTitle{margin-bottom:5px;color:#c4cfde;font-size:1.1rem;font-weight:700}.educationInstitution,.educationLocation{margin:5px 0;font-weight:400;color:#c4cfde;font-size:.9rem}.educationAllDivs{box-shadow:0 0 15px #fffafa24;padding:15px;border-radius:20px;width:80%;justify-content:center;display:grid}.educationDate,.educationSemiDivs{position:relative}@media screen and (max-width: 768px){.resumeheading{font-size:18px}.resumeTitles,.resumeTitlesMainDiv{height:50%}.resumeTitles h3{font-size:14px}.educationTitle{font-size:.8rem;font-weight:600}.educationInstitution,.educationLocation{font-weight:300;font-size:.8rem}.educationSecondDiv{width:80vw}.educationDate{font-size:.8rem}}.projectImg{margin-top:10px;width:100%;height:20vh}.projectSupremeDiv{display:flex;justify-content:center;margin-top:-6vh}.projectMainDiv{flex-wrap:wrap;display:flex;width:80%;justify-content:space-evenly}.projectEachDiv{margin-top:10vh;width:20vw;box-shadow:0 0 15px #fffafa24;border-radius:20px;padding:15px}.projectTitleDic{margin:0 5px;display:flex;flex-direction:row;justify-content:space-between}.projectSvg{scale:1.2}.projectDescription,.technologiesTitle,.technologies,.projectLink{font-size:13px}.technologiesTitle{font-weight:500;margin-bottom:5px}.technologies{margin:0;opacity:.7}@media screen and (max-width: 768px){.projectSupremeDiv{margin-top:-4vh}.projectEachDiv{margin-top:5vh;width:auto}.projectImg{height:18vh}}.contact-container{text-align:center;padding:50px 20px;background:#121212;color:#c4cfde}.contact-title{font-size:2rem;color:#ff014f;margin-bottom:10px}.contact-subtitle{font-size:1rem;margin-bottom:20px}.contact-form{display:flex;flex-direction:column;align-items:center;max-width:400px;margin:auto}.contact-input,.contact-textarea{width:100%;padding:12px;margin:10px 0;border:2px solid transparent;border-radius:8px;background:#1a1a1a;color:#fff;transition:.3s ease}.contact-input:focus,.contact-textarea:focus{outline:none;border-color:#ff014f;box-shadow:0 0 10px #ff014f}.contact-textarea{height:100px;resize:none}.contact-button{background:#ff014f;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:.3s;margin-top:5%}.contact-button:hover{background:#e60046;box-shadow:0 0 10px #ff014f}.contact-icons{margin-top:20px;justify-content:space-between;display:flex;padding:0 4vw}.contact-icon{font-size:24px;color:#c4cfde;margin:0 10px;transition:.3s ease}.contact-icon:hover{color:#ff014f;transform:scale(1.2)}.contact-icons-mobile{display:none}.contactSectionSpace{margin:4% auto 2%;width:90vw;height:2px;background-color:#fff;opacity:.1}@media screen and (max-width: 768px){.contact-title{font-size:1.5rem}.contact-subtitle{font-size:.8rem}.contact-input,.contact-textarea{width:80%}.contact-button{padding:8px 13px;font-size:.8rem}.contact-icons{display:flex;flex-direction:column-reverse}.allRight{font-size:14px}.contact-icons-mobile{display:grid}.contact-icons{display:none}.contactSectionSpace{margin:15% auto}}@font-face{font-family:"default";src:url(./Montserrat-VariableFont_wght-CiIa1Ne8.ttf) format("truetype")}body{background-color:#212428;margin:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}body::-webkit-scrollbar{display:none;width:0}body{scrollbar-width:0}body{-ms-overflow-style:none}html,body{scroll-behavior:smooth}div,h1,h2,h3,h4,h5,input,p{font-family:"default"}.fakeDiv{height:20vh}@media screen and (max-width: 768px){.fakeDiv{height:7vh}}