section{min-height:700px;display:grid;align-items:center}.home-container{display:grid;grid-template-areas:"hero skill-cards";grid-template-columns:1fr 1fr;justify-items:center;align-items:center;padding:2rem}.hero{grid-area:hero;display:flex;flex-direction:column;gap:2rem;z-index:2}.hero-skill-list{display:grid;grid-template-columns:repeat(3,33%);grid-template-rows:repeat(2,6rem);gap:1rem;justify-items:center;align-items:center}.hero-skill-list>.skill-label:hover svg{filter:brightness(0) saturate(100%) invert(23%) sepia(56%) saturate(6393%) hue-rotate(241deg) brightness(101%) contrast(101%)}.skill-label:hover:after{content:"Click to view";animation:slide-in .2s ease-in-out;font-size:.8rem;font-weight:400;position:absolute;bottom:-1.5rem;left:0;width:100%;text-align:center}.skill-label{position:relative;display:flex;justify-content:center;align-items:center;width:6rem;height:100%}.skill-label>svg{max-width:6rem;height:5rem;padding:.5rem}.skill-cards{display:flex;gap:2rem;position:relative;overflow-x:scroll;width:25rem;scroll-snap-type:x mandatory}.skill-cards::-webkit-scrollbar{display:none}.skill-cards{-ms-overflow-style:none;scrollbar-width:none}.title{font-size:4rem}.title.outline{color:#1d1d1d;text-shadow:-1px 0px white,0 1px white,1px 0 white,0 -1px white}.title.outline.secondary{color:var(--primary-1)}.projects{padding:2rem;gap:2rem;display:grid;grid-template-columns:1fr 1fr}.project{display:flex;flex-direction:column;gap:1rem}.project.full{grid-column:span 2}.project-img{width:100%;height:100%;object-fit:cover;border-radius:.5rem;position:relative}.project-info{display:flex;flex-direction:column;gap:.25rem}.project-info>h2{display:flex;align-items:baseline}.project:hover .project-info>h2:after{content:"Click to go to project";margin-left:.5rem;animation:slide-in .2s ease-in-out;font-size:.8rem;font-weight:400}@keyframes slide-in{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.skills{padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,20rem);gap:3rem}.skill-section{display:grid;grid-template-columns:10rem 1fr;gap:.25rem;align-items:flex-start}.skill-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}hr{border:none;border-radius:1rem;height:1px;color:#7d7d7d;background-color:#7d7d7d}.skill-section :global(.icon){justify-self:center;width:5rem;height:5rem}.skill-icon{justify-self:center;width:5rem;height:5rem}.contact{display:grid;place-items:center;justify-items:start;padding:2rem;flex-wrap:wrap;gap:1rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-icon{height:auto;width:3rem}.monkey-icon{grid-area:monkey;height:auto;width:12rem;justify-self:center}.contact-info{justify-self:center;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"monkey monkey monkey" ". . .";gap:1rem;height:16rem}.madeby{margin:0 auto;text-align:center;padding-bottom:1rem}.c-input{border-radius:.5rem;background:none;outline:none;border:2px solid var(--text-color-1);padding:.5rem 1rem;font-size:1.5rem;width:100%}@media screen and (max-width: 768px){.home-container{grid-template-areas:"hero" "skill-cards";grid-template-columns:none;gap:1rem}.hero-skill-list{display:none}.skill-cards{width:100%}section{width:100%}.container>.title{padding:1rem}.title{font-size:3rem}.projects{padding:1rem;grid-template-columns:1fr}.skills{padding:1rem}.contact{grid-template-columns:1fr}}