.header{width:20%;min-width:250px;max-width:300px;height:100%;border-radius:2rem;background:#f8ece4;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.header-data{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:53px}.profilepic{width:80%;max-width:12rem;aspect-ratio:1/1;flex-shrink:0;border-radius:2rem;border:.0625rem solid #201C1C;margin-bottom:1rem}.name{margin:0;height:2.1875rem;flex-shrink:0}.occupation{margin:.5rem 0 1rem}.header-line{display:flex;align-items:center;gap:.5625rem;margin-bottom:.125rem}.header-links{display:flex;justify-content:center;gap:.8125rem;margin-top:.625rem}.about-text{display:flex;flex-direction:column;gap:10px}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;justify-content:center;max-width:100%;width:100%}.skill{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.skill img{width:90px;height:90px;object-fit:contain}.main-list-item{border-radius:20px;background:#201c1c;flex-shrink:0;padding:23px 18px;width:90%;display:flex;flex-direction:column;gap:11px}.main-list-item h2,.main-list-item p{color:#fff}.project{padding:36px 80px;background:#201c1c;border-radius:30px;width:100%;display:flex;flex-direction:column;align-items:center;gap:22px}.project img{width:100%}.project-info{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.project-info h1{color:#fff}.arrow{stroke:#fff;transition:transform .3s ease}.rotated{transform:rotate(90deg)}.description{width:80%}.description p{color:#fff}.main{background:#f8ece4;border-radius:30px;height:100%;width:60%;overflow-y:auto;padding:53px 0;flex-direction:column;align-items:center;display:flex;gap:23px}.main::-webkit-scrollbar{display:none}.main-component{flex-shrink:0;border-radius:30px;background:#fbb197;padding:30px 40px;width:80%;display:flex;flex-direction:column;align-items:center;gap:30px;box-shadow:0 4px 10px #0000004d}.main-component h3{text-align:center}.navbar{height:100%;width:95px;display:flex;flex-direction:column;justify-content:space-between}.navbar ul{width:100%;height:100%;list-style:none;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;border-radius:30px;background:linear-gradient(180deg,#fbb197,#c97fa5)}.navbar ul li{position:relative;cursor:pointer}.navbar ul li:hover:after{content:attr(data-tooltip);position:absolute;right:110%;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:6px 10px;border-radius:5px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out}.navbar ul li:hover:after{opacity:1;visibility:visible}*{margin:0;padding:0;box-sizing:border-box}#root,html,body{height:100%;width:100%;background:#201c1c;overflow-y:auto}h1{color:#000;font-family:Inter;font-size:28px;font-weight:700}h2{color:#000;font-family:Inter;font-size:24px;font-weight:700}h3{color:#000;font-family:Inter;font-size:32px;font-weight:700}h4{color:#fff;font-family:Inter;font-size:24px;font-weight:700}p{color:#000;font-family:Inter;font-size:16px;font-weight:400}.home{display:flex;justify-content:space-between;flex-wrap:wrap;height:100%;width:100%;padding:30px}@media (max-width: 940px){body,html{overflow:hidden}.home{display:flex;justify-content:flex-start;flex-direction:column;gap:25px;padding:20px;height:auto}.header{width:100%;height:100%;align-self:center}.navbar{position:fixed;top:85%;left:50%;transform:translate(-50%);width:90%;height:60px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:25px}.navbar ul{width:100%;height:60px;list-style:none;flex-shrink:0;display:flex;flex-direction:row;justify-content:space-between;padding:0 20px;align-items:center;gap:20px;background:linear-gradient(90deg,#fbb197,#c97fa5)}.navbar ul li{position:relative}.navbar ul li:hover:after{content:attr(data-tooltip);position:absolute;right:110%;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:6px 10px;border-radius:5px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out}.navbar ul li:hover:after{opacity:1;visibility:visible}.main{width:100%;margin-left:0;margin-right:0;padding:20px;margin-bottom:75px}.main-component,.project{width:100%;padding:20px}.project img{width:100%;max-width:none}.project-info,.description,.main-list-item{width:100%}.skills-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}h1{font-size:24px}h2{font-size:20px}h3{font-size:28px}h4{color:#fff;font-family:Inter;font-size:18px;font-weight:700}p{font-size:14px}}