@import"https://fonts.googleapis.com/css2?family=Londrina+Shadow&display=swap";@import"https://fonts.googleapis.com/css2?family=Londrina+Outline&family=Londrina+Shadow&display=swap";@import"https://fonts.googleapis.com/css2?family=Londrina+Outline&family=Londrina+Shadow&family=Rampart+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Londrina+Shadow&family=Londrina+Solid:wght@100;300;400;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-background: #ECECD1;--secondary-background: #F1F0E3;--secondary: #4B5562;--body-blue: #6C90B7;--body-red: #C85A5A;--body-orange: #E69A5C;--body-yellow: #E8C45E;--body-green: #7FAF75}body,html,#root,.App{margin:0;padding:0;width:100%;height:100%;font-family:Arial,sans-serif;background-color:var(--primary-background);color:#000}.head-section{position:relative;width:100%;height:100vh;overflow:hidden;border:none}.head-section p{color:#000;z-index:4;font-size:30px}h1{font-family:Rampart One,sans-serif;font-weight:700;font-size:clamp(1rem,10vw,800px);margin:0;padding:3px;color:#000;z-index:3;width:100%;text-align:center}@media (max-width: 750px){h1{font-size:clamp(1rem,16vw,800px)}}h2{font-family:Rampart One,sans-serif;font-weight:700;font-size:60px;margin-bottom:10px}.underline{text-decoration:underline;text-decoration-thickness:6px;text-decoration-color:var(--body-blue);text-underline-offset:8px}.work .underline{text-decoration-color:var(--body-red)}.about .underline{text-decoration-color:var(--body-green)}.contact .underline{text-decoration-color:var(--body-yellow)}.project .underline{text-decoration-color:var(--body-orange)}li,h3{color:#000}@media (max-width: 750px){p{font-size:20px;padding:5px;margin:30px 30px 120px}}li{font-family:Londrina Solid,sans-serif;font-weight:200;font-style:normal;font-size:20px}p{font-family:Londrina Solid,sans-serif;font-weight:900;font-style:normal}section p{font-family:Londrina Solid,sans-serif;font-weight:900;font-style:normal}.head-section{height:100vh;width:100vw}.banner{position:fixed;top:0;left:0;width:100%;background-color:#333;color:#fff;padding:10px;display:flex;justify-content:center;z-index:6}.banner nav button{font-family:Londrina Solid,sans-serif;font-weight:400;font-style:normal;color:var(--primary-background);background-color:#333;border:none;padding:10px 15px;margin:0 5px;cursor:pointer;font-size:25px}@media (max-width: 750px){.banner{padding-left:0}.banner nav button{font-size:16px;margin:0}}.banner nav button:hover{background-color:var(--body-blue)}.banner nav .aboutB:hover{background-color:var(--body-green)}.banner nav .ProjectsB:hover{background-color:var(--body-orange)}.banner nav .workB:hover{background-color:var(--body-red)}.banner nav .ContactB:hover{background-color:var(--body-yellow)}section{display:flex;flex-direction:column;justify-content:center;align-items:center}.skills,.work{width:100%;margin:0 auto;padding:20px;box-sizing:border-box}section{font-family:Rampart One,sans-serif;font-weight:400;font-size:40px}.main:nth-child(odd){background-color:var(--primary-background)}.main:nth-child(2n){background-color:var(--secondary-background)}#about-info{display:flex;flex-direction:row;padding-left:40px;padding-right:40px;margin-left:40px;margin-right:40px}#about-right{display:flex;flex-direction:column;justify-content:center;align-items:center}#about-right button{display:flex;flex-direction:row;height:auto;align-items:center;margin:30px;padding:10px;font-size:25px;font-family:Londrina Solid,sans-serif;font-weight:400;font-style:normal;border:5px solid var(--secondary);background-color:var(--secondary-background);color:var(--secondary);border-radius:20px;gap:5px}#about-right img{width:40px;height:40px;border:none;margin:1px;padding:1px}.about img{width:300px;height:300px;object-fit:contain;margin:20px;padding:0;border:4px solid var(--secondary);border-radius:20px}@media (max-width: 750px){.about img{width:200px;height:200px}#about-info{flex-direction:column;align-items:center;justify-content:center;padding:0}#about-info p{font-size:20px;padding:0;margin-bottom:10px}}.about p{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 100;margin:0 0 28px;padding:10px;font-size:30px}.about h2{margin:40px 10px 10px}.contact .icon{width:70px;height:auto;margin:32px 32px 30px}.contact div{display:flex;margin-bottom:0}.contact p{margin:0 0 80px}.svg-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.svg-grid-container{display:flex;justify-content:center;flex-direction:column}.hover-title{display:flex;justify-content:center;min-height:4rem}.hover-title t{font-family:Londrina Solid,sans-serif;font-weight:900;font-style:normal;color:#000}.svg-item{display:flex;flex:1 1 calc(12.5% - 10px);max-width:calc(12.5% - 10px);justify-content:center;align-items:center;padding:10px;box-sizing:border-box}.svg-item img{width:100%;max-width:100px;height:auto;object-fit:contain;transition:transform .3s ease}.svg-item:hover img{transform:scale(1.2)}@media (max-width: 800px){.svg-item{flex:1 1 calc(25% - 10px);max-width:calc(25% - 10px)}.svg-item img{max-width:70px}}@media (max-width: 500px){.svg-item{flex:1 1 calc(25% - 10px);max-width:calc(25% - 10px)}.svg-item img{max-width:50px}}.work-experience{display:flex;align-items:stretch;justify-content:space-between;flex-direction:row;gap:20px;padding:20px;max-width:1000px;margin:0 auto}.work-logo{flex:3;display:flex;justify-content:center;align-items:center;max-width:200px}.work-logo img{width:80%;height:auto;object-fit:contain}.work-details{flex:4;display:flex;align-items:start;flex-direction:column;justify-content:center;text-align:center}.work-details h3{margin-top:0;font-size:30px;margin-bottom:0}.work li{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100;text-align:start}.work p{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 100}.work-details ul{margin:0;padding-left:20px}.work p{font-size:20px;font-weight:900;padding:0;margin:0 0 18px}@media (max-width: 768px){.work p{margin-bottom:8px}.work h3{font-size:25px}.work-experience{flex-direction:column;align-items:center;text-align:center;max-width:90%}.work-logo,.work-details{max-width:100%;flex:none;align-items:center}.work-logo img{width:100px}.work-details ul{padding-left:10px}}.project-experience{display:flex;align-items:stretch;justify-content:space-between;flex-direction:row;gap:20px;padding:20px;max-width:1500px;margin:40px}.project-image{flex:4;display:flex;justify-content:center;align-items:center;max-width:500px}.project-image img{width:80%;height:auto;object-fit:contain}.project-heading{display:flex;flex-direction:row;gap:20px;align-items:end}.project-details{flex:1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;text-align:left}.project-details h3{margin-top:0;font-size:30px;margin-bottom:0}.project li{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100}.project p{font-family:Cabin,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 100;font-size:20px;font-weight:900;padding:0;margin:0;text-align:end}.project-details ul{margin:0;padding-left:20px}@media (max-width: 768px){.project-experience{flex-direction:column;align-items:center;text-align:center;flex-direction:column-reverse;max-width:90%;margin-top:15px;margin-bottom:25px}.project-logo,.project-details{max-width:100%;flex:none;align-items:center}.project-logo img{width:100px}.project-details ul{padding-left:10px}.project-details{text-align:center}.project-heading{flex-direction:column;align-items:center;justify-content:center;gap:0;margin-bottom:10px}}