*{box-sizing:border-box;margin:0;padding:0;font-family:Calibri,Trebuchet MS,sans-serif}html,body{height:auto;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fbfcfd}html{scroll-behavior:smooth}.main-container{display:flex;flex-direction:column;width:100%;color:#0f172a;align-items:center;max-width:1200px}.container{border:1px solid #e2e8f0;margin:10px;padding:10px;width:90%;height:auto;background-color:#f8fafc;border-radius:10px}a{color:#0f172a}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem}.logo{display:flex;align-items:center}.s-logo{transition:transform .3s ease;cursor:pointer}.s-logo:hover{transform:scale(1.1)}.navbar ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.navbar a{text-decoration:none;color:#0f172a;font-weight:500;transition:color .2s}.navbar a:hover{color:#115e59}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger span{width:25px;height:3px;background-color:#0f172a;border-radius:2px;transition:all .3s}@media (max-width: 768px){.navbar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:#f8fafc;z-index:100;border-bottom:1px solid #e2e8f0}.navbar ul{display:none;position:fixed;top:70px;left:0;right:0;background-color:#f8fafc;flex-direction:column;padding:2rem;box-shadow:0 4px 6px #0000001a;border-top:1px solid #e2e8f0}.navbar ul.active,.hamburger{display:flex}}.about-me{background-color:#f0f9ff;display:flex;flex-direction:column;align-items:center}.about-me>h1{margin:0 0 10px}#description{margin:10px}.about-me>img{align-self:center;padding:20px}#my-photo{display:none;width:300px;height:auto;border-radius:10%}.skills-section{display:flex;flex-direction:column;background-color:#f0f9ff;align-items:center}.skills-list>h4{margin:10px 0}.skills{display:flex;flex-wrap:wrap;justify-content:center}.skills>p{border:1px solid #115e59;border-radius:10px;padding:10px;margin:5px 10px;background-color:#ccfbf1;color:#115e59}.skills>p:hover{scale:1.2}.projects-section{background-color:#f0f9ff;display:flex;flex-direction:column;align-items:center}.project{display:flex;flex-direction:column;align-items:center;border:1px solid #e5e7eb;margin:15px;background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000d}.project>p{margin:15px;color:#4b5563;line-height:1.6;font-weight:500}#chronopanthers-pic{height:200px;width:200px;border:2px solid #e5e7eb;border-radius:15%;margin:10px;box-shadow:0 1px 3px #0000000d}.project-footer{width:100%;display:flex;justify-content:space-between}.tech{display:flex;align-self:self-start}.tech>p{padding:5px 10px;border:1px solid #115e59;margin:5px;border-radius:20px;background-color:#ccfbf1;color:#115e59}.project-link{padding:5px;margin:5px}.resume{background-color:#f0f9ff;display:flex;flex-direction:column;align-items:self-start}.resume>h2{align-self:center}.resume>p{padding:10px;margin:10px}.resume-content{width:100%;padding:0 10px 10px;margin:0 10px 10px;display:flex;justify-content:space-between;align-items:space-between}.resume-button{align-self:last baseline}.contact{display:flex;flex-direction:column;align-items:self-start;background-color:#f0f9ff}.contact>h2{align-self:center}.contact-contents{width:100%;margin:10px}.contact ul{list-style:none;display:flex;justify-content:center;gap:2rem}footer{text-align:center}footer{background-color:#a5ebf5}