:root{--header-font-color:#F5E4C3;--sub-header-font-color:#D2D1D1;--normal-font-color:rgb(55, 55, 55);--x-large-font-size:clamp(30px, 5vw, 60px);--large-font-size:clamp(20px, 3vw, 50px);--medium-font-size:clamp(15px, 2.5vw, 400px);--normal-font-size:clamp(10px, 2vw, 30px)}@font-face{font-family:roboto-medium;src:url(/92cc3b6f9440193c12fd02ed690e434d685a9cc8/1092e/assets/fonts/roboto-light.ttf)}@font-face{font-family:logo;src:url(/07ea318f9e68d49032db75a84d354451148eb711/39639/assets/fonts/logo.ttf)}@font-face{font-family:header;src:url(/127b102d134bf41cbc6967879d2a5d09a20f5f3f/08cce/assets/fonts/header3.ttf)}@font-face{font-family:sub-header;src:url(/80fcc946eb6cc414c02eec18cfe12f2dc67213d2/41b2c/assets/fonts/header1.otf)}*{box-sizing:border-box;font-family:roboto-medium;font-size:var(--normal-font-size);font-weight:lighter;list-style:none;text-decoration:none;color:var(--normal-font-color);margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none}h1{font-family:logo;font-size:var(--x-large-font-size);color:var(--header-font-color);text-shadow:5px 3px 3px #000}h2{font-family:header;font-size:var(--large-font-size);color:var(--sub-header-font-color);text-shadow:5px 3px 3px #000}h3,h4,h5,h6,p{font-family:sub-header;font-size:var(--medium-font-size);color:var(--sub-header-font-color);user-select:text;-webkit-user-select:text;-webkit-touch-callout:initial;-moz-user-select:text;-ms-user-select:text}p{font-family:roboto-medium;font-size:var(--normal-font-size);color:var(--normal-font-color)}body{background-image:linear-gradient(to bottom,#121619 5%,#d2d1d1,#701900,#75552c,#75552c);overflow-x:hidden}footer,header{position:fixed;left:0;z-index:999}header{top:0;width:100%;background-image:linear-gradient(to right,transparent,#000,transparent)}footer{bottom:0}header li{margin:.2em 1.2em;color:var(--header-font-color)}header a{color:inherit}.footer-nav ul{justify-content:flex-start}.footer-nav ul>:first-child{margin-left:1em}.footer-nav li{margin:.5em .5em}.footer-nav img{width:40px}.nav-toggle,.nav-toggle-label{display:none}@media screen and (max-width:700px){header{background-image:none;background-color:#000}.header-nav{position:absolute;width:100%;top:100%;background-color:#000;transform:scaleY(0);transform-origin:top;transition:transform .5s .2s}.header-nav ul{flex-direction:column;align-items:flex-start}.header-nav li{opacity:0;padding:1em 3em;transition:opacity .5s}.nav-toggle-label{display:block;font-size:var(--x-large-font-size);margin-left:.5em}.nav-toggle:checked~nav{transform:scaleY(1);transition:.5s transform}.nav-toggle:checked~nav li{opacity:1;transition:opacity .5s .3s}}.bg{background-size:cover;background-position:center;background-attachment:local;background-repeat:no-repeat}.flex{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.active{border-bottom:2px solid var(--header-font-color)}.separetor{display:block;height:100vh}.hover-effect{display:block;position:relative;transform:scale(1,1);transition:color .5s,transform .5s}.hover-effect:hover{color:red;transform:scale(1.2,1.2)}.hover-effect::before{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:var(--header-font-color);transform:scaleX(0);transform-origin:right;transition:transform .5s,background-color .5s}.hover-effect:hover::before{transform:scaleX(1);transform-origin:left;background-color:red}.intro{height:100vh;background-image:url(/assets/images/main/2845b497a911652e54718e305f8881b28822b725/pagebg.jpg);box-shadow:0 5px 5px #000}.intro img{margin:2em;object-fit:scale-down;border-radius:50%;width:10vw;box-shadow:#000 3px 3px 10px}:root{--header-font-color:#F5E4C3;--sub-header-font-color:#D2D1D1;--normal-font-color:rgb(55, 55, 55);--x-large-font-size:clamp(30px, 5vw, 60px);--large-font-size:clamp(20px, 3vw, 50px);--medium-font-size:clamp(15px, 2.5vw, 400px);--normal-font-size:clamp(10px, 2vw, 30px)}.about{flex-wrap:nowrap;justify-content:space-around}.about h1{text-align:center;margin-bottom:.75em}.about img{filter:grayscale(70%) blur(1px);width:40%}.about p{z-index:1}.about a{margin-top:.5em}.my-work{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;height:100vh;background-image:url(/assets/images/main/13c928f1e5dc0551e6e96243612b499d6c9ce0fe/myworkbg.jpg);box-shadow:0 5px 5px #000}.my-work p{align-self:flex-start;margin:20% 35% 2em 4em}.contact{flex-direction:column;justify-content:space-around;height:100vh;background-image:url(/5a123818b81a39c35e224c7150474f386dea096a/66734/assets/images/main/contactbg2.png);box-shadow:0 5px 5px #000}.contact p{position:relative;left:3em;width:50%}.portfolio-item{position:relative;flex-direction:column;border-bottom:2px solid var(--header-font-color)}.portfolio-item h3,.portfolio-item p{align-self:flex-start;margin:0 2em}.portfolio-item a,.portfolio-item p{color:coral}.img-nav-btn{cursor:pointer;position:absolute;top:calc(50% - calc(1.5em / 2));width:1.5em;height:1.5em;z-index:3;font-size:var(--x-large-font-size);background-color:grey;border-radius:50%;color:#fff;outline:0;transform:scale(1,1);transition:transform .5s,color .5s}.img-nav-btn:hover{transform:scale(1.2,1.15);color:#adff2f}.img-nav-btn:active{transform:scale(1.1,1.1);color:red}.left-btn{left:0;margin-left:5%;transform-origin:right}.right-btn{right:0;margin-right:5%;transform-origin:left}.quit-btn{top:20px;left:20px}.photo-gallery{position:relative;width:100%;background-color:var(--bg-color);margin:50px 0}.photo-gallery::after,.photo-gallery::before{content:"";position:absolute;width:25%;height:120%;top:-10%;z-index:2}.photo-gallery::before{left:0;background-image:linear-gradient(to right,#000 25%,transparent)}.photo-gallery::after{right:0;background-image:linear-gradient(to left,#000 25%,transparent)}.photo-gallery ul{position:relative;height:60vh;list-style:none;transition:transform .3s ease-in-out}.photo-gallery li{position:absolute;top:0;width:50%;height:100%;border:2px solid grey;transform:scaleY(.9);filter:blur(3px);transition:transform .5s ease-in-out,border .3s,filter .5s}.photo-gallery .active-listItem{transform:scaleY(1);filter:blur(0);transition:border .3s,filter .5s}.photo-gallery li:hover{border:3px solid #fff;filter:grayscale(100%) blur(2px)}.photo-gallery img{cursor:pointer;width:100%;height:100%;object-fit:cover}.photo-gallery video{object-fit:cover;width:100%;height:100%}#lightbox{display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}#lightbox.active-lightbox{display:flex;justify-content:center;align-items:center}#lightbox img{max-width:80%;max-height:70%;border:4px solid var(--header-font-color)}#lightbox button{position:fixed}