section{width:calc(100vw - var(--m-left) - var(--m-right))}.resume{background:linear-gradient(to bottom,#2727270f,#78787848);border-bottom-right-radius:15%}.filters{gap:8px;justify-content:flex-start!important;align-items:flex-start!important}.experience-container li{max-width:1000px;word-wrap:break-word}.project-container{display:flex;overflow-x:auto;gap:20px;padding:20px;justify-content:flex-start;flex-wrap:nowrap}.project-item{flex:0 0 auto;width:300px;height:250px;border:1px solid #ccc;border-radius:8px;padding:16px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.project-item:hover{transform:translateY(-4px)}.course-item{justify-content:flex-start}.contact{margin-left:1em;margin-right:1em}@media only screen and (min-width:500px){.experience-section{max-width:80%}.skill-section{width:17%;border:1px solid #ccc;border-radius:5px}}.categories{display:flex;justify-content:center;margin-bottom:20px}.category-button{background-color:#007bff60;color:#fff;border:none;border-radius:4px;padding:10px 15px;margin:0 10px;cursor:pointer;transition:background-color .3s}.category-button:hover{background-color:#0056b3}.category-button.active{background-color:#036}.card-container{justify-content:space-evenly!important}.card{justify-content:space-between!important;border:1px solid #ccc;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;width:min(300px,70vw);height:max(35vh,450px);background-color:#88888845;position:relative;overflow:hidden;transition:transform .3s ease}.card:hover{transform:scale(.95)}.card-header{font-size:1.6em}.github-icon{position:absolute;right:10px;z-index:5}.card-display{width:min(270px,55vw);height:max(17vh,250px);z-index:1;transition:filter .3s}.card:hover .card-display{filter:blur(10px);opacity:.3}.card-description{font-size:1.5em;margin-bottom:10px;position:absolute;top:0;left:6%;width:90%;height:100%;color:#bdc4c4;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;z-index:2}.card:hover .card-description{opacity:1}.card-topics{display:flex;flex-wrap:wrap;margin-top:10px;transition:opacity .3s;z-index:1}.card:hover .card-topics{opacity:.5}.card-topic{background-color:#007bff60;color:#fff;border-radius:4px;padding:4px 8px;margin-right:5px;margin-bottom:5px}.extra-button{position:absolute;bottom:10px;right:10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:6px 12px;margin-top:10px;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .3s;z-index:5}.extra-button:hover{background-color:#212888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.flex-horizontal{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.flex-vertical{display:flex;flex-direction:column;justify-content:center;align-items:center}.br{height:3vh}*{margin:0}body{height:max-content;width:100vw;line-height:1.3;font-weight:400;color-scheme:light dark;color:#f5f5f5;background-color:#242424}a{font-weight:500;color:#8288f6;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ffffff45;cursor:pointer;transition:border-color .25s;color:#f5f5f5}button:hover{border-color:#646cff;background-color:#00ff0041}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{padding:0;font-family:Arial,sans-serif;background:#12121212;background-size:cover;background-repeat:no-repeat;height:max-content;width:100vw;background-position:center bottom}header{position:fixed;top:0;left:0;height:4vh;width:100vw;z-index:2}nav{position:fixed;top:1vh;right:2vw;min-width:max-content;max-height:4vh;width:min(300px,25vw);background:#85858538;display:flex;justify-content:space-evenly;border-radius:0% 25px;box-sizing:border-box}.nav-link{height:4vh;font-size:1.2em;font-weight:700;margin-right:5px;margin-left:5px}.logo{background:url(../assets/logo.png);background-repeat:no-repeat;background-size:contain;margin-top:1vh;max-height:7vh;width:7vh}.sidebar{position:fixed;left:0;top:3vh;height:90vh;width:min(200px,20vw);padding:20px;background:#85858518;border-radius:0% 25% 25% 0%}.section-title{align-self:flex-start;position:relative;margin-bottom:10px}.section-title:after{content:"";position:absolute;bottom:0;left:0;background:#ffbb5c;border-radius:3px;width:50px;height:5px;display:block}.container{justify-content:space-evenly}.name{font-size:min(2em,5vw)}.subtitle{font-size:min(1em,2.1vw)}.social-icons{display:flex}.icon{margin:.5em;font-size:min(2em,3.5vw)}.resume-button{font-size:min(1em,1.9vw)}main{--m-left: min(300px, 30vw);--m-right: min(50px, 5vw);--m-top: 6vh;height:calc(96vh - var(--m-top));width:calc(100vw - var(--m-left) - var(--m-right));margin-top:var(--m-top);margin-left:var(--m-left);margin-right:var(--m-right);overflow-y:auto;justify-content:flex-start!important}.about{width:79%}.writing{width:20%}footer{height:2vh;width:100vw}.footer{position:fixed;background:#85858538;height:2.5vh;width:max-content;right:4vw;border-radius:5px;color:#87ceeb}.games-container{height:100vmin;width:100vmin}@media only screen and (max-width:500px){main{--m-left:min(50px, 5vw) !important;--m-top: 20vh !important}nav{z-index:2}.nav-link{font-size:1em}.sidebar{top:0;width:100vw;height:min(100px,10vh);border-radius:0% 0% 0% 25%;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;z-index:1;padding:25px 25px 25px 0;padding-top:min(50px,5vh)}.br{display:none}.fullname{flex-direction:row;position:fixed;top:1vh;left:0}.name{margin-left:7px}.social-icons{margin-left:10vw}.section-title{margin-left:var(--m-left)}.about-wrapper{flex-direction:column}.about{width:90vw}.writing{width:100vw}.categories{flex-wrap:wrap}}