html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Raleway;src:url(/MyWeb/assets/Raleway-Regular-DZtVmCBL.ttf)format("truetype")}@font-face{font-family:Raleway-ExtraBold;src:url(/MyWeb/assets/Raleway-ExtraBold-WHh7MYPw.ttf)format("truetype")}@font-face{font-family:Avenir;src:url(/MyWeb/assets/Avenir-Roman-C3wJAWZX.otf)format("opentype")}body{color:#fff;background-color:#000;font-family:Raleway-ExtraBold}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%}h1{text-transform:uppercase;font-size:120px}p{font-family:Avenir;line-height:1.3}button{color:#fff;text-transform:uppercase;cursor:pointer;background-color:#000;border:2px solid #fff;padding:10px 50px;font-family:Raleway-ExtraBold;transition:all .2s}button:hover{color:#000;background-color:#fff;border:2px solid #fff}.typewrite{color:#ffbb63;font-weight:700}.typewrite>.wrap{border-right:.08em solid #ffbb63}nav{grid-template-columns:1fr 1fr;width:90%;margin:auto;padding:30px 0;display:grid}nav h1{font-size:32px}nav ul{justify-content:right;gap:50px;list-style:none;display:flex}nav ul li{transition:all .2s}nav ul li:hover{transform:translateY(-2px)}nav ul li a{color:#fff;font-family:Avenir;font-size:20px;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#000}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:3px}.footer-content{background-color:#000;grid-template-columns:1fr 1fr;padding-bottom:30px;display:grid}.footer-content div{justify-self:center}.footer-content div h3{text-transform:uppercase;margin-bottom:10px}.footer-content div p{margin-top:10px;font-family:Avenir}.footer-content div p a{color:#fff}.footer-content div p a:hover{font-weight:bolder}footer aside{color:#fff;text-align:left;background-color:#0c0c0c;padding:1rem 0;font-family:Avenir}footer aside p{width:90%;margin:auto}header#home-header{grid-template-rows:100%;display:grid}header#home-header #slideshow{z-index:1;grid-area:1/1/2/2;width:100%;height:75vh;display:grid;overflow:hidden}.slide-img{filter:brightness(.4);object-fit:cover;opacity:0;grid-area:1/1/2/2;width:100%;height:100%;margin-top:-10%;transition:opacity 1s ease-in-out}.slide-img.active{opacity:1;z-index:1}header#home-header div{grid-gap:50px;z-index:2;grid-area:1/1/2/2;grid-template-columns:1fr 1fr;width:90%;margin:auto;display:grid}header h1{text-transform:uppercase;color:#fff;text-align:left;font-size:100px}header h1 span{margin-left:-5px;font-size:202px}header h2{display:none}header article p{margin-top:20px;font-size:18px}header article a button{color:#fff;background-color:#000;border:2px solid #fff;margin-top:25px;padding:15px 30px}#home-works hr{width:10%;margin:20px auto 60px}#home-works{margin-top:50px;margin-bottom:100px}#home-works .moreWorks{text-align:center;margin:50px 0;display:block}article h2{text-align:center;font-size:30px}.slider{place-items:center;padding:5px;display:grid;position:relative;overflow:hidden}.slide-track{width:4800px;animation:40s linear infinite scroll;display:flex}.slide-track-right{width:4800px;animation:60s linear infinite scroll-right;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-2400px)}}@keyframes scroll-right{0%{transform:translate(-2400px)}to{transform:translate(0)}}.slide{align-items:center;width:650px;height:200px;padding:5px;transition:all .5s;display:flex}.slide:hover{width:690px;transition:all .5s}.slide img{object-fit:cover;width:100%;height:200px}#works-container,#about-container,#contact{width:90%;margin:50px auto 150px}#work-article-container{width:90%;margin:40px auto 120px}.go-back-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:50px;padding:0;font-family:Raleway-ExtraBold;font-size:18px;transition:all .2s;display:inline-flex}.go-back-btn:hover{color:#aaa;background:0 0;border:none;transform:translate(-5px)}.go-back-btn span{color:#ffbb63}#work-article-main{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}#work-article-info h1{text-transform:uppercase;margin-bottom:30px;font-size:80px;line-height:1}.work-article-description{font-family:Avenir;font-size:16px;line-height:1.7}.work-article-description strong{font-family:Raleway-ExtraBold}.work-article-description span{color:#aaa;font-family:Raleway-ExtraBold}.work-article-description a{color:#fff;transition:all .2s}.work-article-description a:hover{color:#aaa}.work-article-implemented,.work-article-tools{color:#ccc;margin-top:24px;font-family:Avenir;font-size:16px}#work-article-info>a{margin-top:30px;display:inline-block}#work-article-image img,#work-article-image iframe{object-fit:cover;width:100%;height:460px;display:block}#work-article-divider{border:none;border-top:1px solid #2a2a2a;margin:40px 0}#work-article-screenshots{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}#work-article-screenshots img,#work-article-screenshots div video{object-fit:cover;cursor:pointer;opacity:.5;border:1px solid #ffffff50;flex-shrink:0;width:200px;height:130px;transition:all .2s}#work-article-screenshots img:hover,#work-article-screenshots div:hover,#work-article-screenshots div video:hover{opacity:.8}#work-article-screenshots img.active,#work-article-screenshots div.active,#work-article-screenshots div video.active{opacity:1;border-color:#fff}#work-article-screenshots div{text-align:center;align-items:center;font-size:250%;display:grid}#work-article-screenshots div video,#work-article-screenshots div span{grid-area:1/1/2/2}#works-container #work-categories{grid-gap:50px;grid-template-columns:auto 1fr;justify-items:baseline;margin-top:50px;margin-bottom:30px;display:grid}#works-container div h2{text-underline-offset:10px;cursor:pointer;font-family:Raleway;font-size:30px;transition:all .2s}#works-container div h2:hover{transform:translateY(-2px)}.works-category{grid-gap:50px;grid-template-columns:repeat(4,1fr);display:grid}.works-category .work-article{cursor:pointer;background-color:#0a0a0a;border:1px solid #272727;transition:all .2s}.works-category .work-article:hover{transition:all .2s;transform:scale(1.02);box-shadow:0 0 2px #fff}.works-category .work-article img{object-fit:cover;width:100%;height:220px}.works-category article p{color:#fff;margin:5px 10px;transition:all .2s}#works-video-container{display:none}#work-article-image{border:1px solid #fff}#work-article-image video{width:100%}#work-article-screenshots img{border:1px solid #4f4f4f}#about-container{grid-template-columns:1fr 1fr;gap:100px 150px;display:grid}#about-container section h1{margin-bottom:50px}#about-container section p{margin-bottom:20px;font-size:18px}#about-container aside{grid-gap:30px;grid-template-rows:repeat(3,1fr);grid-template-columns:7fr 2fr;width:80%;margin-left:auto;display:grid}#about-container aside img{object-fit:cover;height:100%;transition:all .5s;box-shadow:2px 2px 30px #212121}#about-container aside img:hover{box-shadow:0 0 20px #6d6d6d}#about-container aside img:first-child{grid-area:1/1/4/2}#skills{text-align:center;grid-column:1/3}#skills h2{font-size:30px}#skills hr{width:10%;margin:20px auto 60px}#skills div{grid-template-columns:repeat(7,1fr);gap:30px;display:grid}#skills div article{text-align:center;text-transform:uppercase;background-color:#2a2a2a;border-radius:5px;padding:1rem 0;font-family:Avenir;font-size:20px;transition:all .1s}#skills div article:hover{transform:translateY(-5px)}#skills div article img{object-fit:contain;width:5vw;height:5vw;padding-bottom:1.5rem}#contact h1{padding-bottom:2%}#contact article{text-align:left;z-index:11;grid-template-columns:1fr 1fr;justify-content:center;gap:20vw;padding-bottom:5%;display:grid;position:relative}#contact article aside{flex-direction:column;font-size:2vw;display:flex}#contact article aside h3{margin:0 0 10%}#contact article aside div{flex-direction:row;gap:1rem;margin-top:auto;display:flex}#contact article aside div a{width:fit-content;display:inline-flex}#contact article aside img,#contact article aside span{width:2.5vw;height:2.5vw;transition:all .2s}#contact article aside img:hover{transform:scale(1.1)}#contact article aside span{background-color:#fff;width:2px;height:auto;display:block}#contact article form{flex-direction:column;font-family:Avenir;font-size:1.3rem;font-weight:400;display:flex}#contact article form span{color:#ffbb63}#contact article form>div{grid-template-columns:1fr 1fr;column-gap:5rem;display:grid}#contact article form label{padding-top:4%}#contact article form input,textarea{color:#fff;background-color:#000;border:none;border-bottom:2px solid #fff;width:100%;padding:4% 0 0;font-family:Avenir;font-size:1.3rem}textarea{resize:none;padding:0 0 3rem}#contact article form input:focus,textarea:focus{-webkit-text-fill-color:white;border:none;border-bottom:2px solid #fff;outline:none;-webkit-box-shadow:inset 0 0 0 1000px #000}input:-webkit-autofill{-webkit-text-fill-color:white;border:none;border-bottom:2px solid #fff;outline:none;-webkit-box-shadow:inset 0 0 0 1000px #000}input:-webkit-autofill:hover{-webkit-text-fill-color:white;border:none;border-bottom:2px solid #fff;outline:none;-webkit-box-shadow:inset 0 0 0 1000px #000}input:-webkit-autofill:focus{-webkit-text-fill-color:white;border:none;border-bottom:2px solid #fff;outline:none;-webkit-box-shadow:inset 0 0 0 1000px #000}textarea:-webkit-autofill{-webkit-text-fill-color:white;border:none;border-bottom:2px solid #fff;outline:none;-webkit-box-shadow:inset 0 0 0 1000px #000}#contact article form button{cursor:pointer;align-self:flex-start;margin-top:5%}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;align-self:center;gap:6px;padding:4px;display:none}.hamburger span{transform-origin:50%;background-color:#fff;width:28px;height:2px;transition:all .3s;display:block}.hamburger span.open:first-child{transform:translateY(8px)rotate(45deg)}.hamburger span.open:nth-child(2){opacity:0}.hamburger span.open:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu{z-index:1000;background-color:#0c0c0c;border-left:1px solid #1a1a1a;justify-content:center;align-items:center;width:70vw;height:100vh;display:flex;position:fixed;top:0;right:0}.mobile-menu ul{text-align:center;flex-direction:column;gap:40px;list-style:none;display:flex}.mobile-menu ul li a{color:#fff;text-transform:uppercase;letter-spacing:2px;font-family:Raleway-ExtraBold;font-size:32px;text-decoration:none;transition:color .2s}.mobile-menu ul li a:hover{color:#aaa}@media (width<=768px){h1{text-align:center;font-size:50px}.nav-links{display:none}.hamburger{justify-self:center;display:flex}header#home-header div{text-align:center;display:block}header h1{text-align:center;font-size:60px}header h1 span{font-size:120px}header article p{font-size:16px}#home-works{margin-top:0}.footer-content{text-align:center;grid-template-columns:1fr;gap:30px}footer aside p{text-align:center}.works-category{grid-template-columns:1fr}#works-container,#about-container,#contact{margin-bottom:60px}#works-container #work-categories{justify-self:center}#work-article-main{grid-template-columns:1fr}#work-article-image img,#work-article-image iframe{height:auto}#about-container{display:block}#about-container section p{font-size:16px}#about-container aside{text-align:center;width:100%;margin:50px 0 100px;display:block}#about-container aside img:first-child{height:50vh}#about-container aside img:nth-child(2),#about-container aside img:nth-child(3),#about-container aside img:nth-child(4){display:none}#skills div{grid-template-columns:1fr 1fr}#skills div article img{width:20vw;height:20vw}#contact article{grid-template-columns:1fr}#contact form{grid-row:1/2;margin-top:50px}#contact article aside{text-align:center;background-color:#212121;border-radius:15px;grid-row:2/3;justify-items:center;gap:40px;padding:40px 20px;font-size:6vw}#contact article aside h3{margin-bottom:0}#contact article aside div{display:none}}