:root{--font-sora:"Sora",sans-serif;--font-space:"Space Grotesk",sans-serif}h1,h2,h3{color:var(--red);margin-top:0}a,a:active,a:visited{font-size:.75rem;text-decoration:none}h1{font-size:4.375rem;font-weight:200}@media (max-width:767px){h1{font-size:2.5rem}}h2{font-size:1.875rem}h3{font-size:1.375rem}h5{font-family:var(--font-space);font-size:.9375rem;font-weight:200}p{font:300 .75rem var(--font-space)}:root{--black:#121314;--card-grey:#202124;--light-grey:#848484;--blue:#4267f7;--dark-blue:#2f4fcf;--orange:#f7bf7d;--red:#e56271;--lightblue:#6facfa;--green:#73ddbc;--white:#fff}.light-mode{--black:#f7f8f9;--card-grey:#202124;--light-grey:#848484;--blue:#4267f7;--dark-blue:#2f4fcf;--orange:#f7bf7d;--red:#e56271;--lightblue:#6facfa;--green:#73ddbc;--white:#121314;transition:all .3s ease}html{box-sizing:border-box;font-size:100%;overflow-x:hidden;scroll-behavior:smooth;width:100%}*,:before :after{box-sizing:inherit}:root{--btn-padding:1.25rem 2.188rem;--border-radius:3.125rem}body{background-color:var(--black);box-sizing:inherit;font-family:var(--font-sora);margin:0;overflow-x:hidden;padding:0 3.125rem;width:100%}@media (max-width:767px){body{padding:0 1.25rem}}a,a *,button{background:none;border:none;color:var(--white);cursor:pointer}a,a *,h2{transition:all .3s ease}figure,h2{margin:0!important}.projects-container{padding:0 4.6875rem}@media (max-width:1300px){.projects-container{padding:0}}.projects{display:grid;gap:4.6875rem;grid-template-columns:repeat(2,1fr);justify-content:center;padding:0;row-gap:0}@media (max-width:1024px){.projects{gap:3.125rem;grid-template-columns:1fr}}.projects li:nth-child(odd){margin-top:6.25rem}@media (max-width:767px){.projects li:nth-child(odd){margin-top:0}}.projects-grid{display:none}.projects li{display:flex;flex-direction:column;height:90%}.projects li figure{border-radius:.9375rem;height:100%;overflow:hidden}.projects li img{height:100%;-o-object-fit:cover;object-fit:cover;scale:1.1;width:100%}.projects li:hover img{scale:1.15}.projects li .project-data{align-items:center;display:flex;justify-content:space-between;margin-top:1.5625rem;padding:0 1.5625rem}.project-data h2,.project-data p{color:var(--white)}.projects li .project-data .visit-arrow:before{background-color:var(--white);-webkit-clip-path:polygon(0 0,0 0,0 54%,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 54%,0 100%,0 100%);color:var(--black);content:"Visit";font:700 .625rem var(--font-sora);margin-left:-3.125rem;margin-top:1.0625rem;opacity:0;padding:.1875rem .75rem .125rem .3125rem;position:absolute;text-transform:uppercase;transition:all .2s ease}.projects li:hover .project-data .visit-arrow:before{-webkit-clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);opacity:1}.project .project-data svg{background-color:var(--blue);border-radius:3.125rem;padding:.9375rem;transform:rotate(-45deg)}.projects li .visit-arrow:hover svg{transform:rotate(0deg)}.projects li:hover h2{color:var(--blue)}.toggle{width:1.25rem}.cards{display:flex;justify-content:space-between}.card{background-color:var(--card-grey);border-radius:1.25rem;display:flex;flex-direction:column;height:10.625rem;margin:0 .625rem;padding:1.875rem;width:25%}.card div{border-radius:50%;display:flex;height:2.5rem;width:2.5rem}.cards img{display:inline-block;margin-bottom:-.1875rem;padding:.4375rem}.card.graphic-design{margin-left:0}.card.seo-dev{margin-right:0}.card.graphic-design div{background-color:var(--orange)}.card.web-design div{background-color:var(--red)}.card.web-dev div{background-color:var(--lightblue)}.card.seo-dev div{background-color:var(--green)}.card h3{margin-top:.9375rem}.card.graphic-design h3{color:var(--orange)}.card.web-design h3{color:var(--red)}.card.web-dev h3{color:var(--lightblue)}.card.seo-dev h3{color:var(--green)}.card p{color:#fff}.header,.projects-header .logo-nav{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:1.875rem}.site-logo{width:2.1875rem}.site-logo svg{scale:.8}.site-logo svg path{fill:var(--white)}.right-column{align-items:center;display:flex;gap:3.125rem;justify-content:end}@media (max-width:767px){.right-column{gap:1.25rem}}.contact{color:var(--white);font-family:var(--font-space);font-weight:700}.contact svg{margin-bottom:-.1875rem;margin-left:.3125rem;transform:rotate(-45deg);width:.75rem}.contact svg path{fill:var(--white)}.contact:hover{color:var(--blue)}.contact:hover svg{transform:rotate(0deg)}.contact:hover svg path{fill:var(--blue)!important}.light-dark-container button{background:none;border:none}.light-dark-container{display:flex;flex-direction:column;height:2.1875rem;justify-content:start;overflow:hidden;width:2.1875rem}.mode-btn svg path{fill:var(--white)}.light-mode-btn.active{margin-top:.625rem}.light-mode-btn{margin-top:-1.5625rem;scale:1.2}.dark-mode-btn{scale:.6}.hamburger-icon{cursor:pointer;display:block;margin-right:0;margin-top:-.3125rem;overflow:hidden;width:1.875rem}.hamburger-icon span{background-color:var(--white);border-radius:15px;display:block;height:.125rem;margin-top:.5rem;width:100%}.open-close-modal-btn.show span:first-child{margin-bottom:-.625rem}.open-close-modal-btn.show:hover span:first-child{margin-left:0}.hamburger-icon .bar-2,.hamburger-icon:hover .bar-1{margin-left:.625rem}.hamburger-icon:hover .bar-2{margin-left:0}.home-section{margin:4.6875rem 0;width:100%}.back-btn{align-items:center;display:flex;position:absolute;top:15%}@media (max-width:767){.back-btn{top:18%}}.back-btn button{border:none;font-weight:700}.back-btn svg{margin:0 5px -3px;rotate:180deg;scale:.8}.back-btn svg path{fill:var(--white)}.back-btn:hover a,.back-btn:hover svg path{fill:var(--blue);color:var(--blue)}.main-title{text-align:center}h1{color:var(--white);display:flex;flex-direction:column;margin:0;overflow:hidden}.about-me-container{background-color:var(--black);color:var(--white);inset:0;margin:auto;opacity:0;overflow:scroll;padding:6.25rem;pointer-events:none;position:fixed;transform:translateY(-50%);transition:all .3s ease-in-out;z-index:0}@media (max-width:1024px){.about-me-container{padding:3.125rem}}@media (max-width:767px){.about-me-container{padding:3.125rem 1.875rem 0}}.about-me-container.show{opacity:1;pointer-events:auto;transform:translateY(0)}.about-me-container .modal{display:flex;gap:3.125rem;margin-bottom:3.125rem}@media (max-width:1024px){.about-me-container .modal{flex-direction:column;gap:.625rem}}.about-me-container .modal h5{font-size:1.25rem}@media (max-width:1366px){.about-me-container .modal h5{font-size:.9375rem}}.modal .contact h3{color:var(--blue);margin:0}.about-me-container h1{font-weight:700}.about-me-container .me-text-container{display:flex;flex-direction:column;row-gap:.4375rem}.technologies-gallery{align-items:center;display:grid;gap:1.875rem;grid-template-columns:repeat(4,1fr);margin-top:3.125rem}@media (max-width:767px){.technologies-gallery{gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-top:1.875rem}}.technologies-gallery img{scale:.8}@media (max-width:767px){.technologies-gallery img{scale:1}}.open-close-modal-btn{z-index:9}.footer .contact{align-items:center;display:flex;justify-content:space-between;margin-top:9.375rem}@media (max-width:1070px){.footer .contact{align-items:start;flex-direction:column;gap:.625rem;margin-bottom:1.875rem;margin-top:9.375rem}}.footer span{display:flex;flex-direction:column}.footer span a{font:300 1.125rem var(--font-space)}.footer a{margin-top:.625rem}.footer a,.footer h1,.footer h2{color:var(--white)}.footer h1{font-size:9.375rem;margin:0}@media (max-width:767px){.footer h1{font-size:4.6875rem}}.footer .copyright{border-top:1px solid var(--light-grey);display:flex;justify-content:space-between}.footer .copyright span{display:flex;flex-direction:row}.footer .copyright span a:not(:last-child):after{content:".";margin:0 .3125rem}.footer .copyright p,.footer .copyright span a{color:var(--light-grey);font:300 .875rem var(--font-space)}.project-page main{margin:6.25rem 0}.project-page hr{margin:3.125rem 0}.back-to-home{display:flex;font:700 .875rem var(--font-space);gap:.625rem;margin-bottom:3.125rem;z-index:999}.back-to-home svg{margin-top:.125rem;rotate:-180deg;scale:.9}.back-to-home:hover{color:var(--blue);gap:.9375rem}.back-to-home:hover svg path{fill:var(--blue)}.single-project-title{margin-bottom:1.25rem}.single-project-title h1,.single-project-title h1 span{overflow:hidden}.single-project-title h1:nth-child(2){margin-top:1.875rem}.project-info{color:var(--white);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:9.375rem}@media (max-width:1210px){.project-info{flex-direction:column;gap:3.125rem}}.project-info-column{display:flex;flex-direction:column;justify-content:end;width:60%}@media (max-width:1210px){.project-client-columnn,.project-info-column,.project-info-row{align-items:start;justify-content:space-between;width:100%}}.project-client-columnn{display:flex;flex-direction:column;justify-content:space-between}.project-info-row{display:flex}.project-info-row:last-child{display:flex;justify-content:end}@media (max-width:1210px){.project-info-row:last-child{justify-content:start;width:100%}}.project-info-row:not(:last-child){border-bottom:1px solid var(--white);display:flex;flex-direction:column;padding:.625rem 0}.live-site-button{align-self:flex-start;padding:1.25rem 0}@media (max-width:767px){.live-site-button{margin-top:1.25rem}}.live-site-button a{background-color:var(--blue);border-radius:var(--border-radius)}.live-site-button svg{margin-bottom:-3px;margin-left:10px;rotate:-45deg;scale:.9}.live-site-button a:hover{background-color:var(--dark-blue)}.live-site-button:hover svg{rotate:0deg}.project-info a{color:#fff;font:700 1.125rem var(--font-space);padding:var(--btn-padding)}.project-info-row p{font:300 1.125rem var(--font-space)}.project-info-row p:first-child{font:700 .875rem var(--font-sora);text-transform:uppercase}.project-info-row ul{display:flex;flex-wrap:wrap;gap:20px;list-style-type:none;margin:1.875rem 0 0;padding:0}.project-info-row ul li{border:1px solid var(--white);border-radius:var(--border-radius);font:300 .875rem var(--font-space);padding:var(--btn-padding)}.project-gallery{display:grid;gap:3.125rem;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.project-gallery{grid-template-columns:1fr}}.project-gallery img:first-child{grid-column:1/-2;height:100%}.project-gallery img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.project-gallery .project-img-carousel{grid-column:1/-1;height:100%}.project-img-carousel{display:grid;gap:3.125rem;margin-bottom:3.125rem;width:100%}.project-img-carousel img{width:100%}
/*# sourceMappingURL=style.css.map */