#home-main{display:grid;gap:75px}#profile-card{display:flex;margin:90px auto 0;width:1100px}#profile-card img{width:33%;display:block;border-radius:22%;user-select:none}#profile-text{display:flex;flex-direction:column;width:100%;padding:25px 50px}#profile-text h1{font-size:3rem;color:#98971a}#profile-text h2{font-size:25px;color:#d79921}#resume-link{margin:auto 0;width:fit-content;user-select:none;font-size:1.5rem;padding:.75rem 1rem;border:none;border-radius:12px;cursor:pointer;background-color:#3c3836;color:#458588}#skills-card{margin:0 auto;width:1100px;height:fit-content}#skills-card h1{font-size:2.5rem;padding:15px 50px;color:#d65d0e}#skills-list{display:flex;flex-wrap:wrap;list-style-position:inside}#skills-list li{display:flex;border:1px solid #EBDBB2;border-radius:12px;font-size:1.5rem;margin:10px;padding:10px 20px;list-style-type:none;width:fit-content}.skill-img{display:block;height:1.5rem;align-self:center}#skills-list li p{margin-left:10px;color:#83a598}.project-item{background-color:#282828;border-radius:12px;padding:10px;display:flex;gap:1rem}.img-container{flex:1}.project-img-web{object-fit:cover;width:100%;aspect-ratio:1 / 1;border-radius:12px;vertical-align:middle}.project-img-mobile{object-fit:contain;width:100%;aspect-ratio:1 / 1;border-radius:12px;vertical-align:middle}.details-container{flex:2;display:flex;justify-content:center;flex-direction:column;gap:5px}.project-description{font-style:italic}.technology-imgs{display:flex;gap:10px}.technology-imgs img{object-fit:contain;vertical-align:middle;height:30px;width:30px}.project-links{margin-top:15px;display:flex;gap:15px}.project-links a{user-select:none;cursor:pointer;background-color:#3c3836;color:#458588;border-radius:12px;padding:.5rem 1rem;text-decoration:none}#projects-main{max-width:1100px;margin:0 auto;height:fit-content}#projects-list-container{background-color:#3c3836;border-radius:12px;margin:40px 15px;padding:25px}#projects-main h1{font-size:2.5rem;padding-bottom:15px;text-align:center;color:#d65d0e}#projects-list{display:grid;gap:50px}#contact-main{max-width:1100px;margin:0 auto}#contact-form-container{display:flex;flex-direction:column;background-color:#3c3836;border-radius:12px;padding:25px;margin:40px 25px}#contact-main h1{font-size:2.5rem;padding-bottom:15px;margin:0 auto;color:#d65d0e}#contact-form{display:flex;flex-direction:column;gap:1rem}#contact-form input,#contact-form textarea{padding:10px 20px;font-size:1.5rem;border:none;border-radius:12px;color:#ebdbb2;background-color:#282828}#contact-form textarea{resize:none;height:15rem}#contact-form button{width:fit-content;padding:10px 20px;font-size:1.5rem;border:none;border-radius:12px;cursor:pointer;margin:0 auto;color:#ebdbb2;background-color:#458588}header{display:flex;justify-content:center;background-color:#3c3836}nav{z-index:10;display:flex;align-items:center;justify-content:space-between;height:60px;width:1400px;padding-inline:32px}a{text-decoration:none}#nav-logo a{font-size:20px}#nav-links{display:flex;gap:30px;font-size:20px;list-style-type:none}.link-hover-underline{position:relative}.link-hover-underline:before{content:"";position:absolute;width:100%;height:2px;background-color:#ebdbb2;bottom:-5px;left:0;transform-origin:right;transform:scaleX(0);transition:transform .1s ease-in-out}.link-hover-underline:hover:before{transform-origin:left;transform:scaleX(1)}#nav-socials{width:fit-content;display:flex!important;gap:15px}.nav-social-link{padding:0}.nav-social-link:hover{filter:brightness(80%)}.nav-social-link img{vertical-align:middle;width:25px}#hamburger{display:none;cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px auto;background-color:#ebdbb2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto Mono,monospace}body{background-color:#282828;overflow-x:hidden}h1,h2,p,a{color:#ebdbb2}button:hover,.project-links a:hover,#resume-link:hover{filter:brightness(95%)}@media (max-width: 1250px){#profile-card,#skills-card{width:88%!important}}@media (max-width: 775px){.project-item{text-align:center;flex-direction:column}.technology-imgs{align-self:center}.project-img{width:100%}.project-links{gap:0;justify-content:space-between}.project-links a{margin:0 auto}}@media (max-width: 950px){#hamburger{display:block}#hamburger.active .bar:nth-child(2){opacity:0}#hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}#hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}#nav-links{position:fixed;left:-100%;top:60px;gap:0;flex-direction:column;width:100%;text-align:center;background-color:#3c3836;transition:.3s}#nav-links li{display:block;margin:15px auto}#nav-links.active{left:0}#profile-card{flex-direction:column;width:100%;margin-top:40px}#profile-card img{width:250px;margin:0 auto}#resume-btn{margin-top:15px}#skills-card{width:100%}.skill-img{height:1rem}#skills-list li p{font-size:1rem}}