*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}ul{list-style:none}button{background:none;border:none;color:inherit;font:inherit}@keyframes fade-up{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-left{0%{opacity:0;transform:translateX(30px) translateY(-50%) scale(.9)}to{opacity:1;transform:translateX(0) translateY(-50%) scale(1)}}.u-bold{font-weight:500}.u-bolder{font-weight:700}.u-green{color:#50c878}.u-black{color:#000}html{--default-opacity:0.2;--hover-opacity:0.1}body,html{overflow-x:hidden}body{background-color:beige;font-family:Inter,sans-serif;position:relative;scrollbar-width:none}body::-webkit-scrollbar{display:none}.color{background-image:radial-gradient(closest-side,rgba(80,200,120,.26),beige);height:1000px;left:15%;position:absolute;top:-570px;width:1000px;z-index:-1}.header{align-items:center;display:flex;justify-content:space-between;padding:42px 62px;position:fixed;width:100%}.logo{animation:fade-down .5s .4s backwards;border:2px solid #50c878;border-radius:50%;-o-object-fit:cover;object-fit:cover;width:35px}.btn{background-color:beige;border-radius:5000px;color:#50c878;font-size:.75rem;font-weight:500;letter-spacing:.03125rem;padding:10px 20px;text-transform:uppercase;transition:all .3s}.btn:hover{transform:scale(1.15)}.btn--contact{animation:fade-down .5s .4s backwards}.btn--contact,.btn--download{box-shadow:0 6px 23px rgba(0,0,0,.45)}.btn--download{animation:fade-up .5s .4s backwards;bottom:39px;font-size:1rem;left:calc(50% - 96px);padding:16px 32px;position:fixed;z-index:100}.main{margin:-10px auto 90px;max-width:1000px;padding:0 25px;text-align:center}.header-logo{border-radius:50%;height:40px;-o-object-fit:contain;object-fit:contain;width:40px}.intro{animation:fade-up .5s;padding-top:125px}.first-heading{align-items:center;color:#000;display:flex;font-size:3rem;font-weight:600;justify-content:center;opacity:.94}.emoji{font-size:2.1875rem;margin-left:3px;margin-top:-8px}.text{color:#000;font-size:2.3125rem;font-weight:300;line-height:1.1;margin-top:11px;opacity:.9}.text--second{color:#000;display:block}.work{animation:fade-up .6s .2s backwards;margin-top:60px}.top{align-items:center;display:flex;justify-content:space-between;margin-bottom:35px;margin-left:6px;margin-right:6px}.second-heading{color:#000;font-size:1rem;font-weight:500;text-transform:capitalize}.filters{-moz-column-gap:40px;column-gap:40px;display:flex}.filter-btn{color:#000;cursor:pointer;font-size:.8125rem;letter-spacing:.03125rem;opacity:.6;text-transform:uppercase;transition:all .4s}.filter-btn--active,.filter-btn:hover{opacity:1}.grid{display:grid;gap:25px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:333px 119px 325px}.grid,.project{position:relative}.project{border-radius:5px;overflow:hidden;transition:all .4s}.project:first-child{grid-column:1/2;grid-row:1/3}.project:nth-child(2){grid-column:2/3;grid-row:1/2}.project:nth-child(3){grid-column:3/4;grid-row:1/3}.project:nth-child(4){grid-column:1/2;grid-row:3/4}.project:nth-child(5){grid-column:2/3;grid-row:2/4}.project:nth-child(6){grid-column:3/4;grid-row:3/4}.project:before{background-color:#000;content:"";height:100%;opacity:var(--default-opacity);position:absolute;transition:all .4s;width:100%;z-index:10}.project:hover:before{opacity:var(--hover-opacity)}.grid-img{height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.08);transition:all .4s;width:100%}.project:hover .grid-img{filter:blur(2px);transform:scale(1.01)}.project-info{bottom:0;opacity:0;padding:24px;position:absolute;text-align:left;transform:translateY(10px);transition:all .4s;z-index:100}.project:hover .project-info{opacity:1;transform:translate(0)}.third-heading{color:beige;font-size:1rem}.description{color:beige;font-size:.875rem;margin:3px 0 12px;opacity:.8}.technologies{color:beige;-moz-column-gap:14px;column-gap:14px;display:flex;font-size:.625rem;letter-spacing:.0625rem;opacity:.8;text-transform:uppercase}.fade{background-image:linear-gradient(0deg,#000,transparent);bottom:0;height:1000px;pointer-events:none;position:absolute;transition:all .6s;width:100%}.links{animation:fade-left .5s .8s backwards;position:fixed;right:62px;top:50%;transform:translateY(-50%)}.link-item{transition:all .3s}.link-item:not(:last-child){margin-bottom:20px}.link-item:hover{transform:scale(1.15)}.link-img{height:20px;width:20px}.footer{border-top:1px solid rgba(0,0,0,.1);color:hsla(0,0%,100%,.4);display:flex;margin:0 auto;max-width:950px;padding:20px 0 26px}.copyright,.email{color:#000;font-size:.75rem}.email{margin-left:auto}@media (max-width:1215px){.header{padding:25px}.header,.links{position:absolute}.links{animation-name:fade-down;display:flex;left:82px;right:auto;top:32px;transform:none}.link-item:not(:last-child){margin-right:15px}}@media (max-width:1000px){.intro{padding-top:100px}.work{margin-top:35px}.main{margin-bottom:35px}.filters{display:none}.footer{border:initial;max-width:1000px;padding-left:25px;padding-right:25px}}@media (max-width:825px){.grid{gap:15px;grid-template-columns:1fr 1fr;grid-template-rows:300px 300px 300px}.project:first-child{grid-row:1/2}.project:nth-child(3){grid-column:1/2;grid-row:2/3}.project:nth-child(4){grid-column:2/3;grid-row:2/3}.project:nth-child(5){grid-column:1/2;grid-row:3/4}.project:nth-child(6){grid-column:2/3;grid-row:3/4}}@media (max-width:620px){.color{left:-15%}.header{padding:15px}.btn--contact{font-size:.6875rem;padding:8px 16px}.links{left:70px;top:22px}.first-heading{font-size:2.625rem}.text{font-size:1.875rem}.main{padding:0 15px}.footer{padding-left:15px;padding-right:15px}}@media (max-width:520px){html{--default-opacity:0.4;--hover-opacity:0.3}.text--second{display:inline}.top{margin-bottom:20px}.grid{grid-template-columns:1fr;grid-template-rows:repeat(6,250px)}.grid .project{grid-column:initial;grid-row:initial}.copyright,.email{font-size:.6875rem}}