@font-face{font-family:Gothiks-Book;src:local("Gothiks-Book"),url(/assets/Gothiks-Book-8rXQ4n6g.woff) format("woff");font-weight:400;font-style:400;font-display:swap}@font-face{font-family:Cousine;src:local("Cousine-Regular"),url(/assets/Cousine-Regular-5cRdhdIX.woff) format("woff");font-weight:400;font-style:400;font-display:swap}:root{--white: #e3e5d8;--black: #171717;--accentColor: #EE6010;--accentFont: Gothiks-Book;--mainFont: Cousine;--sideMargin: 5vw;--border: 1px solid #e3e5d8}*{margin:0;box-sizing:border-box;outline:none;vertical-align:baseline}html{scroll-behavior:smooth}*{scrollbar-width:thin;scrollbar-color:var(--white) var(--black)}*::-webkit-scrollbar{width:16px}*::-webkit-scrollbar-track{background:var(--black)}*::-webkit-scrollbar-thumb{background-color:var(--white);border-radius:15px;border:3px solid var(--black)}body{background-color:var(--black);width:100vw;overflow-x:hidden;position:relative}a,button{text-decoration:none;color:var(--white);transition:all .4s}h1,.h1{color:var(--white);font-family:var(--accentFont);font-size:clamp(6rem,16.4vw,18vw);font-weight:400;text-transform:uppercase;padding:0%;margin:0%}h2,.h2{color:var(--white);font-family:var(--accentFont);font-size:clamp(60px,7vw,7vw);text-transform:uppercase;font-weight:200;line-height:clamp(4rem,7vw,7vw);padding:0;margin:0}h3,.h3{font-size:clamp(50px,4vw,5vw);font-weight:400;font-family:var(--accentFont);text-transform:uppercase;line-height:83%}h4,.h4{color:var(--white);font-size:30px;font-weight:400;font-family:var(--accentFont);text-transform:uppercase;padding-bottom:.4rem}.generalText{text-align:left;font-family:var(--mainFont);max-width:50ch;font-size:20px;margin-bottom:.5rem}ul{list-style:none}.whiteText{color:var(--white)}.orangeText{color:var(--accentColor)}.leftMargin{position:relative;left:var(--sideMargin)}.rightMargin{right:var(--sideMargin)}.mt-30{margin-top:30px}.underline{text-decoration:underline}.cross{width:70px;height:70px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:.25s ease}.cross>div{background-color:var(--accentColor);height:10px;width:100%;transition:all ease-in-out .3s}.cross .crossbar{position:relative}.cross .crossbar.topBar{transform:rotate(45deg) translate(15px,13px)}.cross .crossbar.bottomBar{transform:rotate(-45deg)}.cross:hover{transform:scale(.8)}.header{width:100%;position:fixed;top:30px;right:30px;margin:0%;padding:0%;z-index:10;justify-content:flex-end;display:flex}.header.show{display:flex}.header .hamburguerIcon{position:relative;z-index:10}.header .hamburguerIcon.opened>div{background-color:var(--white);position:relative}.header .hamburguerIcon.opened>div.topBar{transform:rotate(45deg) translate(15px,13px)}.header .hamburguerIcon.opened>div.bottomBar{transform:rotate(-45deg)}.header nav{position:fixed;top:65px;right:65px;transition:all ease-in-out .2s;width:fit-content;padding:3rem 10rem 3rem 5rem;margin:0%;flex-direction:column;justify-content:center;align-items:center;background:var(--accentColor);display:none}.header nav.show{display:flex}.header nav #ctnNavLinks{width:100%;display:flex;flex-direction:column;justify-content:center;color:var(--white);padding:0;margin:0}.header nav #ctnNavLinks li{transition:all .3s ease;cursor:pointer}.header nav #ctnNavLinks li a{text-align:center;color:inherit;font-weight:300;letter-spacing:-.6px;text-decoration:none;margin:0 10px}.header nav #ctnNavLinks li:hover{transform:scale(.9)}.single-line{display:block;position:relative;overflow:hidden;margin:-.4em -.1em}.single-line .single-line-inner{translate:none;rotate:none;scale:none;position:relative;display:inline-block;padding:.2em .1em;animation:slideText .5s cubic-bezier(.09,.64,.69,.85) forwards;opacity:0}.single-line:nth-of-type(2) .single-line-inner{animation-delay:.2s}.single-line:nth-of-type(3) .single-line-inner{animation-delay:.4s}@keyframes slideText{0%{transform:translateY(100%) translateZ(0) rotate(.001deg);opacity:0}to{transform:translate(0) translateZ(0) rotate(.001deg);opacity:1}}#home .ctn_name{width:100vw;min-height:98vh;overflow:hidden}#home .ctn_name .fixed{display:flex;flex-direction:column;justify-content:space-between;position:fixed;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}#home .ctn_name .fixed::-webkit-scrollbar{display:none}#home .ctn_name .fixed .leftMargin{margin-top:4rem;padding-bottom:6rem}#home .ctn_name .fixed>div:first-of-type{position:relative;margin-top:-1.4vw}#home .ctn_name .fixed>div:first-of-type h1{padding:0;line-height:80%}#home .ctn_name .fixed>div:first-of-type .asterisk{width:8vw;position:absolute;right:2vw;bottom:0vw;z-index:3;color:var(--accentColor)}#home .ctn_name .fixed>div:first-of-type .asterisk img{width:100%}#home .ctn_name .fixed>div:first-of-type .asterisk svg{color:var(--accentColor)}#home .ctn_name .fixed #webDev{margin-right:2vw;width:100%;display:flex;align-items:center;justify-content:flex-end}#home .ctn_name .fixed #webDev p{font-size:clamp(4rem,10vw,11vw);color:var(--white);font-family:var(--accentFont);text-transform:uppercase;font-weight:200;line-height:clamp(4rem,10vw,11vw);padding:0;margin:0}#home .titleBox{width:100%;display:flex;align-items:center;justify-content:center}#home .titleBox .title{color:var(--black)}#home #works{margin-top:10rem}#home #ctn_projects{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;background-color:var(--black);border-top:var(--border);padding-bottom:20rem;padding-top:10rem}#home #ctn_projects h2{text-align:center;margin-bottom:5rem}#home #ctn_projects .cards{display:grid;justify-content:space-between;justify-items:center;align-items:center;width:100%;height:fit-content;min-height:100%;overflow:visible;row-gap:40px}#home #ctn_projects .cards>div{width:100%;display:flex;justify-content:center}#home #ctn_projects .cards>div:nth-of-type(2n) .projectName{text-align:right;flex-direction:row-reverse}#home #ctn_projects .cards>div:nth-of-type(2n) .projectName a:hover img{translate:10px 10px}#home #ctn_projects .cards>div:nth-of-type(odd) .projectName{flex-direction:row}#home #ctn_projects .cards>div:nth-of-type(odd) .projectName a:hover img{translate:-10px 10px}#home #ctn_projects .cards>div:nth-of-type(odd) .projectName a img{transform:rotate(90deg)}#home #ctn_projects .cards .projectCard{position:relative;max-width:38vw;width:100%;display:flex;flex-direction:column;padding-top:3vw}#home #ctn_projects .cards .projectCard .projectName{z-index:2;width:100%;margin-top:-3vw;position:absolute;display:flex;justify-content:space-between}#home #ctn_projects .cards .projectCard .projectName p{max-width:13ch}#home #ctn_projects .cards .projectCard .projectName a img{transition:all .3s ease;margin-top:1vw;width:clamp(3rem,3vw,6vw)}#home #ctn_projects .cards .projectCard .projectImg{width:100%;aspect-ratio:3/2;border:2px solid transparent;transition:all .3s ease;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}#home #ctn_projects .cards .projectCard .projectImg img{width:100%;height:100%;object-fit:cover;transition:all .3s ease;box-sizing:border-box;filter:grayscale(1) brightness(.7)}#home #ctn_projects .cards .projectCard .projectImg:hover img{filter:grayscale(1) brightness(.4);transform:scale(.95)}#home #ctn_projects .cards .projectCard .projectImg:hover .readMore{opacity:1}#home #ctn_projects .cards .projectCard .projectImg .readMore{opacity:0;transition:all .3s ease;position:absolute;padding:.5rem 1.5rem;background-color:var(--accentColor)}#home #ctn_projects .cards .projectCard .projectInfo{margin-top:30px}#ctn_pageNotFound,#pageNotFound_titles,#pageNotFound_getBackLinks{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#ctn_pageNotFound{width:100%;height:100vh}#ctn_pageNotFound h2{margin-top:-3vw}#ctn_pageNotFound #pageNotFound_titles p{color:var(--white);font-family:var(--accentFont);font-size:6vw;font-weight:400;letter-spacing:-2.6px;text-transform:uppercase}#ctn_pageNotFound #pageNotFound_getBackLinks{padding-top:50px}#ctn_pageNotFound #pageNotFound_getBackLinks p{color:var(--white);font-family:var(--mainFont);font-size:40px;font-weight:300;letter-spacing:-1.2px}#ctn_pageNotFound #pageNotFound_getBackLinks ul{text-align:center;display:flex;flex-direction:row;margin-top:3%}#ctn_pageNotFound #pageNotFound_getBackLinks ul :hover a{color:#e3e5d8b6;opacity:100}#ctn_pageNotFound #pageNotFound_getBackLinks li:hover a:hover{color:var(--white);box-shadow:0 2px 0 0 currentcolor}#ctn_pageNotFound #pageNotFound_getBackLinks a{color:var(--white);font-weight:300;font-family:var(--mainFont);font-size:1.4rem;letter-spacing:-.6px;text-decoration:none;transition:.25s ease;margin:0 10px}footer{padding:50px;color:var(--white);border-top:var(--border);display:flex;flex-direction:row;gap:50px;overflow:hidden;background-color:var(--black);z-index:3;position:relative}footer .footer_social-list{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:5vw}footer .footer_social-list>div{display:flex;flex-direction:row;margin-bottom:20px}footer .footer_social-list .social-link{height:8vw;width:8vw;min-width:24px;min-height:24px;max-width:2rem;max-height:2rem;margin-right:3vw;background-color:var(--black);border:1px solid var(--white);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background-color .3s;color:var(--white)}footer .footer_social-list .social-link:hover{background-color:var(--white)}footer .footer_social-list .social-link:hover .social-icon svg{color:var(--black)}footer .footer_social-list .social-link .social-icon{padding-top:3px;color:var(--white)}footer .footer_social-list .social-link .social-icon svg{color:var(--white);width:100%;height:100%;transition:all .5s ease}@media screen and (max-width: 865px){#home #ctn_projects .cards{grid-template-columns:100%}#home #ctn_projects .cards .projectCard{width:80vw;max-width:400px}}@media screen and (min-width: 865px){#home #ctn_projects .cards{grid-template-columns:50% 50%}}@media screen and (max-width: 438px){#home #ctn_projects .cards .projectCard .projectImg{aspect-ratio:1/1}}@media screen and (max-width: 580px){#home .ctn_name>div:first-of-type{position:relative;display:flex;align-items:center}#home .ctn_name>div:first-of-type h1{max-width:14ch}#home .ctn_name>div:first-of-type .asterisk{width:35vw;position:relative;margin-right:2vw}}@media screen and (max-width: 710px){footer{flex-direction:column-reverse;gap:0}footer .footer_social-list{margin:0;align-items:flex-end}}.modal{display:flex;position:fixed;top:0;left:0;z-index:20;width:100vw;height:100vh;background-color:#00000094;justify-content:center;align-items:center}.modal>div{background-color:var(--white);width:80%;height:80%;position:relative}.modal>div .closeModal{position:absolute;top:-35px;right:-35px;z-index:3;color:var(--accentColor)}.modal>div .modal-body{height:100%;overflow-y:auto;padding-right:3px}.modal>div .modal-body .modal-image{height:fit-content;overflow:visible}.modal>div .modal-body .modal-image img{width:100%;object-fit:contain}.modal>div .modal-body .modal-text{overflow:visible;color:var(--black);margin-bottom:50px}.modal>div .modal-body .modal-text a{color:var(--accentColor)}.modal>div .modal-body .modal-text a>.h3{margin-bottom:30px}.modal>div .modal-body .modal-text .generalText{margin-bottom:20px}@media screen and (min-width: 865px){.modal{padding:50px}}@media screen and (max-width: 865px){.modal{padding:15px}.modal>div{width:90%;height:90%}}@media screen and (max-width: 985px){.modal>div{padding:20px 30px}}@media screen and (min-width: 985px){.modal>div{padding:3rem 20px 3rem 3rem}.modal>div .modal-body{padding-right:3rem;display:flex;flex-direction:row-reverse;gap:50px}.modal>div .modal-body .modal-image{width:65%}.modal>div .modal-body .modal-text{width:35%}}