:root{--primary-color:#025a6c;--secondary-color:#036;--tertiary-color:#f0f0f0;--icon-background-color:#d3d3d3}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--tertiary-color);color:var(--secondary-color);scroll-behavior:smooth;height:100%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.container{display:flex;flex-direction:column;min-height:100vh}.main{overflow:hidden}.scroll-container{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:y mandatory;height:100%}.scroll-container::-webkit-scrollbar{display:none}.section{scroll-snap-align:start;padding:1rem}.footer{background-color:gray.800;padding:.5rem 0;text-align:center;width:100%}.icon-container{display:flex;align-items:center;justify-content:center;background-color:var(--icon-background-color);padding:.5rem;border-radius:.5rem;margin-right:.5rem}.icon{font-size:1.5rem}.page-content{padding:0 2rem;background-color:var(--tertiary-color)}.page-section{min-height:100vh;padding:4rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-section.normal-scroll{overflow:auto}.introduction{text-align:center;margin-bottom:2rem}.introduction h1{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.introduction p{font-size:1.2rem;color:var(--secondary-color)}.portfolio,.skills{width:100%;max-width:800px;margin:2rem auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.portfolio h2,.skills h2{margin-bottom:1rem;color:var(--primary-color)}.portfolio ul,.skills ul{list-style:none;padding:0}.portfolio li,.skills li{margin:.5rem 0}.portfolio li:before,.skills li:before{content:"•";color:var(--primary-color);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.portfolio a,.skills a{color:var(--primary-color);text-decoration:none}.portfolio a:hover,.skills a:hover{text-decoration:underline}@media (max-width:768px){.scroll-container,.section{padding:.5rem}.introduction h1{font-size:2rem}.introduction p{font-size:1rem}.portfolio,.skills{padding:1rem;margin:1rem 5px}}