html,body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;background-color:#0e0e0e}.header-container{display:grid;position:fixed;grid-template-columns:repeat(2,1fr);width:100vw;height:8vh;background-color:#2c2b2b;overflow:hidden;z-index:100;border-bottom:2px solid rgb(95,94,94)}.header-grid{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;overflow:hidden}.header-grid-2{display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;overflow:hidden}.projects-button{margin-right:10px}.res-pro{margin-right:20px}.link{margin-left:20px;color:#fff;text-decoration:none}.header-button{color:#fff;font-size:clamp(.9rem,2vw,2rem);background-color:#4b4a4a;border:2px solid rgb(95,94,94);border-radius:5px;transition:background-color .3s ease;transition:transform .3 ease;cursor:pointer}a{text-decoration:none;color:inherit}.name-container{display:flex;flex-wrap:wrap;height:100vh;flex-direction:column;align-items:flex-start;justify-content:center;line-height:0px}.intro{padding-left:20px;font-size:clamp(1rem,5vw,6rem)}.font-text{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#bdbaba}.skills-text{font-size:clamp(1rem,5vw,2rem)}.grid-spacing{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-template-rows:auto;padding-left:20px;font-size:clamp(1rem,5vw,1rem);border:3px solid rgb(44,43,43);border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-bottom:100px}.skill-body-container{display:flex;flex-direction:column}.all-SC-grid{margin:10px}.skills-text{align-self:center}.skillscontacts-container{padding-right:10px}.skill-container{width:100vw;height:58vh;border-radius:10px;overflow-y:scroll;margin-right:20px}.skill-header-text{display:flex;justify-content:center;align-items:center;width:100%;height:5vh;background-color:#2c2b2b;border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom:10p}.contacts-text{display:flex;align-items:center;justify-content:center;width:100%;height:5vh;background-color:#2c2b2b;border-top-left-radius:10px;border-top-right-radius:10px}.clickable,.clickable:hover{cursor:pointer;z-index:100}.put-under{z-index:-1}#projects{scroll-margin-top:-550px}.projects-title-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:20%;height:10vh;width:100vw;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#2c2b2b}.projects-title{margin:0;padding:0;font-size:clamp(1rem,5vw,5rem)}.body-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;margin-top:900px;width:100vw;height:200vh;overflow-y:scroll;gap:20px;overflow-y:auto;height:auto}.grid{z-index:1;display:flex;flex-direction:column;align-items:center;border:5px solid rgb(44,43,43);background-color:#000;border-radius:10px;margin:10px}.grid img{width:100%;height:100%;object-fit:cover;border-radius:5px}.grid-header{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:200px;background-color:#2c2b2b;border-bottom:2px solid rgb(44,43,43)}.project-text-header{font-size:clamp(2rem,5vw,4rem);margin:0}.project-text{font-size:clamp(1.5rem,5vw,2rem);padding:20px}.personal-web,.personal-git{margin-bottom:0;padding-bottom:0}.back-to-top-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.back-to-top{color:#fff;font-size:clamp(.9rem,2vw,2rem);background-color:#4b4a4a;border:2px solid rgb(95,94,94);border-radius:5px;transition:background-color .3s ease;transition:transform .3 ease;cursor:pointer;margin-top:20px;margin-bottom:30px}#top{scroll-margin-top:800px}@media (max-width: 1000px){.skill-container{height:120vh}.projects-title-container{margin-top:130px}.body-container{grid-template-columns:1fr;margin-top:1310px}.project-text{font-size:1.5rem}#projects{scroll-margin-top:-1000px}}