.contact-container{margin-bottom:3rem;width:100%;height:22rem;display:flex;justify-content:center;gap:var(--box-gap)}.contact-form-container{width:50%;height:100%}.contact-links-icons{width:15%;height:100%;border:var(--box-border);border-radius:var(--box-radius);background-color:var(--primary-color);gap:var(--box-gap);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.contact-link{width:40%;height:20%;display:flex;justify-content:center;align-items:center}.contact-form-container form{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--box-gap)}form button{width:100%;height:28%;border:var(--box-border);border-radius:var(--box-radius);background-color:var(--primary-color);font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center}form button img{width:2rem;height:2rem;object-fit:contain;margin-left:.5rem;transform:rotate(180deg)}.contact-form-container .input{display:flex;align-items:center;border:var(--box-border);border-radius:var(--box-radius);background-color:var(--primary-color);padding:.25rem .75rem}.contact-form-container .input img{width:2rem;height:2rem;object-fit:contain}input[type=text],input[type=email],textarea{background:transparent;border:none;padding:.75rem;width:100%;box-sizing:border-box;font-size:1.2rem}textarea{height:100%;resize:none;border:var(--box-border);background:var(--primary-color);border-radius:var(--box-radius);cursor:text!important}.input input{border-radius:5px;outline:none;height:100%;box-sizing:border-box;font-size:1rem;font-family:inherit}textarea:focus,.input:focus-within{box-shadow:2px 2px #000;outline:none;transform:translate(-3px,-3px);transition:.2s ease-in-out}@media screen and (max-width: 500px){.contact-container{flex-direction:column;height:25rem}.contact-form-container{width:100%;height:80%}.contact-links-icons{width:100%;height:20%;flex-direction:row;gap:var(--box-gap-lg);justify-content:center;align-items:center}.contact-link{max-width:38px}}.experience-container{background:var(--primary-color);border:var(--box-border);border-radius:var(--box-radius);padding-bottom:.3rem}.experience-content{margin:var(--content-margin);padding-top:.25rem}.experience-content>h3,.experience-content>p{margin:0}.experience-content>h3{font-size:1.3rem}.experience-bullet-list{padding-top:.5rem;border-left:3px solid;position:relative;margin-top:.3rem;margin-left:.2rem;display:flex;flex-direction:column;justify-content:center;gap:var(--box-gap)}.experience-bullet-list li{font-size:1.2rem;padding:.1rem .5rem 0rem 1.5rem;position:relative}.experience-bullet-list li:before{content:"";width:1rem;height:1rem;background:var(--primary-color);border:2px solid;border-radius:50%;position:absolute;left:-.7rem;top:.3rem}.experience-bullet-list li p{margin-bottom:0;margin-top:0}@media (max-width: 768px){.experience-bullet-list{border-left:2px solid}}.games{width:100%}.game-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--box-gap);width:100%}.game-card{background-color:var(--primary-color);border-radius:var(--box-radius);border:var(--box-border);overflow:hidden;display:flex;height:8.9rem}.game-card-left{width:70%;height:100%}.game-card-content{margin:var(--content-margin);margin-right:10px;margin-top:.75rem}.game-card-content h4,.game-card-content p{margin:0}.game-card-content p{font-size:1rem;font-weight:450;margin-top:.25rem}.game-card-image{width:30%;height:100%;margin-left:3px}.game-card-image img{object-fit:cover;width:100%;height:100%}@media screen and (max-width: 768px){.game-card-content{margin-right:4px}}@media screen and (max-width: 500px){.games{width:100%}.game-container{grid-template-columns:1fr}.game-card-content{margin-right:0}}.asset-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--box-gap);width:100%}.asset-card{background-color:var(--primary-color);border-radius:var(--box-radius);border:var(--box-border);overflow:hidden;display:flex;height:9.2rem;padding:0;text-decoration:none;color:inherit}.asset-left{width:55%;height:100%}.asset-content{margin:var(--content-margin);margin-right:0}.asset-content h3,.asset-content p{margin:0}.asset-content p{font-size:.9rem;font-weight:450;margin-top:.5rem}.asset-image{margin-left:3px;width:45%;height:100%;clip-path:polygon(25% -2%,102% -2%,102% 100%,0% 102%)}.asset-image img{object-fit:cover;width:100%;height:100%}@media screen and (max-width: 768px){.asset-content p{font-size:1rem}.asset-container{grid-template-columns:1fr}}.header-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;overflow:hidden;position:relative;margin-top:-.1rem}.header{position:relative;width:100%;height:21.5rem;gap:var(--box-gap-lg);display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr);gap:var(--box-gap)}.header-intro{display:flex;z-index:100;align-items:center;background-color:var(--primary-color);border-radius:var(--box-radius);border:var(--box-border);grid-column:span 3 / span 3;grid-row:span 4 / span 4}.header-intro .content{margin:var(--content-margin);font-size:1.6rem;display:flex;align-items:center;max-height:100%}.header-intro .content p{margin-top:1rem}.header-tools{z-index:80;background-color:var(--primary-color);border-radius:var(--box-radius);border:var(--box-border);grid-column:span 3 / span 3;grid-row:span 4 / span 4;grid-row-start:5}.header-tools p{margin:1rem;font-size:1.6rem}.header-tools-icons{width:100%;display:flex;justify-content:center;align-items:center;gap:10%}.header-tools img{width:3.9rem;height:3.9rem}.header-image{width:100%;box-sizing:border-box;position:relative;z-index:90;grid-column-start:4;border-radius:var(--box-radius);grid-column:span 3 / span 3;grid-row:span 6 / span 6;height:100%}.header-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--box-radius);border:var(--box-border)}.header-buttons{z-index:70;gap:var(--box-gap);display:flex;align-items:end;grid-column:span 3 / span 3;grid-row:span 2 / span 2;grid-column-start:4;grid-row-start:7}.header-buttons a{display:block;width:50%;height:100%;text-decoration:none}.header-buttons button{background-color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;gap:var(--box-gap);font-size:1.5rem;width:100%;height:100%;border-radius:var(--box-radius);padding:10px 20px;border:var(--box-border);cursor:pointer}.header-buttons button img{width:1.5rem;height:1.5rem;transform:scale(1.3)}.hand-icon{display:inline-block;font-size:2rem}.hand-icon:hover{animation:shake-left-right 1.2s linear both}@keyframes shake-left-right{0%,to{transform:rotate(0);transform-origin:50% 50%;display:hidden}10%{transform:rotate(12deg)}20%,40%,60%{transform:rotate(-15deg)}30%,50%,70%{transform:rotate(15deg)}80%{transform:rotate(-10deg)}90%{transform:rotate(10deg);display:hidden}}@media (max-width: 620px){.header-container{height:100svh;align-items:start}.header{margin-top:7rem;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;gap:var(--box-gap);min-height:62vh}.header-intro{grid-column:1 / 2;grid-row:1}.header-intro .content{margin-top:0;margin-bottom:0}.header-image{grid-column:1 / 2;grid-row:2;height:200px}.header-tools{grid-column:1 / 2;grid-row:4;padding-bottom:20px}.header-buttons{grid-column:1 / 2;grid-row:3;justify-content:center}.header-tools p{font-size:1.4rem}.header-tools-icons{gap:5%}.header-tools img{width:3rem;height:3rem}.header-buttons button{padding:12px 16px}}.navbar{position:fixed;top:0;left:0;width:100%;padding:15px 0;z-index:1000;background-color:var(--bg-color)}.navbar ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center}.navbar li{margin:0 .63rem;position:relative}.navbar a{text-decoration:none;font-size:1.4rem;position:relative;background:transparent;transition:color .8s ease;--hover-bg: var(--highlight-color-yellow);--hover-text: var(--text-yellow)}.navbar a:hover{color:var(--hover-text)}.navbar a:before{content:"";position:absolute;top:15%;left:-8%;width:0%;height:1.3em;z-index:-1;border-radius:10px;transform:rotate(-4.5deg);background:var(--hover-bg);transition:width .5s ease,background .5s ease;transform-origin:left center}.navbar a:hover:before{width:110%}.navbar a.link-yellow{--hover-bg: var(--highlight-color-yellow);--hover-text: var(--text-yellow)}.navbar a.link-green{--hover-bg: var(--highlight-color-green);--hover-text: var(--text-green)}.navbar a.link-blue{--hover-bg: var(--highlight-color-blue);--hover-text: var(--text-blue)}.navbar a.link-purple{--hover-bg: var(--highlight-color-purple);--hover-text: var(--text-purple)}.navbar a.link-red{--hover-bg: var(--highlight-color-red);--hover-text: var(--text-red)}.navbar .projects{display:none}.navbar ul.dropdown{display:none;opacity:0;transition:all .5s ease}@media (max-width: 768px){.navbar ul{justify-content:center}.navbar li{display:none}.navbar li:nth-child(1),.navbar li.projects,.navbar li:nth-child(5){display:inline-block}.navbar li.projects{position:relative}.navbar ul.dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:var(--bg-color);list-style:none;padding:10px;margin:0;box-shadow:0 4px 6px #0000001a;border-radius:5px;z-index:100;height:fit-content}.navbar li.projects:hover ul.dropdown{display:block;opacity:1}.navbar ul.dropdown li{display:inline-block;margin:5px 0}.navbar ul.dropdown a{font-size:1.2rem;text-align:left;display:block}}.projects-container{padding:.25rem 1rem;background:var(--primary-color);border:var(--box-border);border-radius:var(--box-radius);display:flex}.project-content{position:relative;font-size:1.2rem}.projects-container img{width:2.8rem;margin-right:.75rem}.packages{width:100%}.package-card{background-color:var(--primary-color);width:100%;display:flex;justify-content:space-between;align-items:center;height:20rem;border-radius:var(--box-radius);border:var(--box-border);overflow:hidden;margin-bottom:10px}.package-details-container{width:50%;height:100%;border-radius:var(--box-radius)}.package-content{margin:var(--content-margin)}.package-content p{font-size:1.2rem}.package-content h3{font-size:1.3rem;margin:0}.package-image{box-sizing:border-box;width:50%;height:100%;clip-path:polygon(25% 0%,100% 0%,100% 100%,0% 100%);overflow:hidden;background-color:#000}.package-image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){.package-card{height:auto;flex-direction:column}.package-details-container{flex-grow:1;order:2;width:100%}.package-content p{font-size:1.2rem;margin:0}.package-content h3{font-size:1.3rem;margin:0}.package-image{height:100px;width:100%;clip-path:none}.package-image img{width:100%;height:100%;object-fit:cover}}