.bgd,.btn-play,.hero-section,.main,body{position:relative}.name,.social{align-content:center}.btn-play,.footer-overlay,.hero-section .description,.warning{font-family:Monorama,monospace}.about-section,body{box-sizing:border-box}#overlay,.hero-section{visibility:visible;opacity:1}.logo,.profile-img{pointer-events:none}.experience-title,.warning{text-align:center}@font-face{font-family:Telegrama;src:url(/assets/webfonts/telegrama_render-webfont.woff2) format('woff2');font-display:swap}@font-face{font-family:'Exo 2';src:url(/assets/webfonts/Exo2-VariableFont_wght.woff2) format('woff2');font-display:swap}@font-face{font-family:Monorama;src:url(/assets/webfonts/Monorama-Regular.woff2) format('woff2');font-display:swap}@font-face{font-family:Torwel;src:url(/assets/webfonts/TorweltenMono.woff2) format('woff2');font-display:swap}@font-face{font-family:Yapari;src:url(/assets/webfonts/Yapari-SemiBold.woff2) format('woff2');font-display:swap}@font-face{font-family:Fifteen;src:url(/assets/webfonts/Fifteen-Segment-Rush-Mono-LDR.woff2) format('woff2');font-display:swap}body{font-weight:300;font-size:15px;line-height:1.6;color:#fff;background-color:#000;overflow:hidden;height:100vh;-webkit-transition:.3s linear;transition:.3s linear;cursor:none;font-family:Yapari,monospace}a{cursor:pointer}a:hover{text-decoration:none}::selection{color:#c4c3ca;background-color:#000}::-moz-selection{color:#c4c3ca;background-color:#000}::-webkit-scrollbar{width:3px;height:1px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:rgb(255 247 0 / 20%)}::-webkit-scrollbar-thumb:hover{background:rgb(255 247 0 / 80%)}.btn-play:after,.btn-play:before{content:attr(data-text);position:absolute;color:transparent;background:0 0;clip:rect(0,900px,0,0);transform:skewX(0);top:0;overflow:hidden}#codepen,#github,#instagram,#linkedin{width:40px;border-radius:10px;margin:30px 30px 20px;filter:invert(100%) drop-shadow(0 0 9px white);opacity:80%;display:inline-block;-webkit-tap-highlight-color:transparent;transform:translateZ(0);box-shadow:0 0 1px transparent}@keyframes pop{50%{transform:scale(1.2)}100%{transform:scale(1)}}#codepen:hover,#github:hover,#instagram:hover,#linkedin:hover{animation-name:pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}.social{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}.wrap{display:flex;align-items:center;justify-content:center}.warning{font-size:12px}.btn-play{font-weight:600;color:#fff;font-size:100px;margin:0 auto;text-shadow:0 -5px 10px #fff,0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),0 0 15px rgba(255,255,255,0),0 0 20px rgba(255,255,255,0);-webkit-animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift,8s ease-in-out infinite alternate blur;animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift,8s ease-in-out infinite alternate blur;transform:skewX(0)}@-webkit-keyframes blur{0%,100%,40%,50%,60%,90%,95%{text-shadow:0 -5px 10px #fff,0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),2px 1px 15px rgba(100,240,255,0),0 0 20px rgba(255,255,255,0)}45%,75%{text-shadow:0 -5px 10px #fff,0 0 5px #fff,0 0 10px #fff,2px 1px 15px #64f0ff,0 0 20px #fff}97.5%{text-shadow:0 -5px 10px rgba(255,255,255,0),0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),2px 1px 4px #ff6464,0 0 20px rgba(255,255,255,0)}}@keyframes blur{0%,100%,40%,50%,60%,90%,95%{text-shadow:0 -5px 10px #fff,0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),2px 1px 15px rgba(100,240,255,0),0 0 20px rgba(255,255,255,0)}45%,75%{text-shadow:0 -5px 10px #fff,0 0 5px #fff,0 0 10px #fff,2px 1px 15px #64f0ff,0 0 20px #fff}97.5%{text-shadow:0 -5px 10px rgba(255,255,255,0),0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),2px 1px 4px #ff6464,0 0 20px rgba(255,255,255,0)}}.about-text,.contact-text,.hero-section p span{text-transform:uppercase;text-shadow:0 0 10px #fff;cursor:pointer}.btn-play:after{left:3px;text-shadow:-1px 0 red;-webkit-animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift;animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift;z-index:-2;opacity:.7}.btn-play:before{left:1px;text-shadow:-3px 0 #0ff;-webkit-animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift;animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift;z-index:-1;opacity:.8}@-webkit-keyframes noise-anim{0%{clip:rect(70px,9999px,15px,0)}5%{clip:rect(72px,9999px,59px,0)}10%{clip:rect(22px,9999px,30px,0)}15%{clip:rect(12px,9999px,29px,0)}20%{clip:rect(69px,9999px,86px,0)}25%{clip:rect(12px,9999px,10px,0)}30%{clip:rect(44px,9999px,95px,0)}35%{clip:rect(27px,9999px,77px,0)}40%{clip:rect(41px,9999px,37px,0)}45%{clip:rect(95px,9999px,60px,0)}50%{clip:rect(66px,9999px,6px,0)}55%{clip:rect(18px,9999px,81px,0)}60%{clip:rect(97px,9999px,9px,0)}65%{clip:rect(60px,9999px,60px,0)}70%{clip:rect(77px,9999px,85px,0)}75%{clip:rect(20px,9999px,52px,0)}80%{clip:rect(84px,9999px,99px,0)}85%{clip:rect(83px,9999px,91px,0)}90%{clip:rect(69px,9999px,75px,0)}95%{clip:rect(26px,9999px,5px,0)}100%{clip:rect(96px,9999px,80px,0)}}@keyframes noise-anim{0%{clip:rect(70px,9999px,15px,0)}5%{clip:rect(72px,9999px,59px,0)}10%{clip:rect(22px,9999px,30px,0)}15%{clip:rect(12px,9999px,29px,0)}20%{clip:rect(69px,9999px,86px,0)}25%{clip:rect(12px,9999px,10px,0)}30%{clip:rect(44px,9999px,95px,0)}35%{clip:rect(27px,9999px,77px,0)}40%{clip:rect(41px,9999px,37px,0)}45%{clip:rect(95px,9999px,60px,0)}50%{clip:rect(66px,9999px,6px,0)}55%{clip:rect(18px,9999px,81px,0)}60%{clip:rect(97px,9999px,9px,0)}65%{clip:rect(60px,9999px,60px,0)}70%{clip:rect(77px,9999px,85px,0)}75%{clip:rect(20px,9999px,52px,0)}80%{clip:rect(84px,9999px,99px,0)}85%{clip:rect(83px,9999px,91px,0)}90%{clip:rect(69px,9999px,75px,0)}95%{clip:rect(26px,9999px,5px,0)}100%{clip:rect(96px,9999px,80px,0)}}@-webkit-keyframes noise-anim-2{0%{clip:rect(69px,9999px,72px,0)}5%{clip:rect(35px,9999px,19px,0)}10%{clip:rect(100px,9999px,79px,0)}15%{clip:rect(16px,9999px,55px,0)}20%{clip:rect(12px,9999px,34px,0)}25%{clip:rect(82px,9999px,88px,0)}30%{clip:rect(1px,9999px,73px,0)}35%{clip:rect(37px,9999px,94px,0)}40%{clip:rect(8px,9999px,94px,0)}45%{clip:rect(32px,9999px,19px,0)}50%{clip:rect(9px,9999px,69px,0)}55%{clip:rect(21px,9999px,83px,0)}60%{clip:rect(1px,9999px,33px,0)}65%{clip:rect(32px,9999px,50px,0)}70%{clip:rect(63px,9999px,30px,0)}75%{clip:rect(76px,9999px,23px,0)}80%{clip:rect(59px,9999px,46px,0)}85%{clip:rect(61px,9999px,15px,0)}90%{clip:rect(42px,9999px,6px,0)}95%{clip:rect(48px,9999px,47px,0)}100%{clip:rect(26px,9999px,1px,0)}}@keyframes noise-anim-2{0%{clip:rect(69px,9999px,72px,0)}5%{clip:rect(35px,9999px,19px,0)}10%{clip:rect(100px,9999px,79px,0)}15%{clip:rect(16px,9999px,55px,0)}20%{clip:rect(12px,9999px,34px,0)}25%{clip:rect(82px,9999px,88px,0)}30%{clip:rect(1px,9999px,73px,0)}35%{clip:rect(37px,9999px,94px,0)}40%{clip:rect(8px,9999px,94px,0)}45%{clip:rect(32px,9999px,19px,0)}50%{clip:rect(9px,9999px,69px,0)}55%{clip:rect(21px,9999px,83px,0)}60%{clip:rect(1px,9999px,33px,0)}65%{clip:rect(32px,9999px,50px,0)}70%{clip:rect(63px,9999px,30px,0)}75%{clip:rect(76px,9999px,23px,0)}80%{clip:rect(59px,9999px,46px,0)}85%{clip:rect(61px,9999px,15px,0)}90%{clip:rect(42px,9999px,6px,0)}95%{clip:rect(48px,9999px,47px,0)}100%{clip:rect(26px,9999px,1px,0)}}@-webkit-keyframes shift{0%,100%,40%,44%,58%,61%,65%,69%,73%{transform:skewX(0)}41%{transform:skewX(10deg)}42%{transform:skewX(-10deg)}59%{transform:skewX(40deg) skewY(10deg)}60%{transform:skewX(-40deg) skewY(-10deg)}63%{transform:skewX(10deg) skewY(-5deg)}70%{transform:skewX(-50deg) skewY(-20deg)}71%{transform:skewX(10deg) skewY(-10deg)}}@keyframes shift{0%,100%,40%,44%,58%,61%,65%,69%,73%{transform:skewX(0)}41%{transform:skewX(10deg)}42%{transform:skewX(-10deg)}59%{transform:skewX(40deg) skewY(10deg)}60%{transform:skewX(-40deg) skewY(-10deg)}63%{transform:skewX(10deg) skewY(-5deg)}70%{transform:skewX(-50deg) skewY(-20deg)}71%{transform:skewX(10deg) skewY(-10deg)}}#overlay{position:fixed;display:block;top:0;left:0;width:100%;height:100%;z-index:9999;transition:opacity .4s ease-out}#viz,.bgd:after,.bgd:before,.footer-overlay{position:absolute}#overlay.hide{opacity:0}#content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff}#content h1{font-size:36px;margin-bottom:20px}#enterButton{color:#fff;background-color:#fff0;border:none;cursor:pointer}.footer-overlay{bottom:5px;width:100%;align-items:center;justify-content:center;display:flex;font-size:15px;color:#fff}#viz{filter:blur(1px)}.cursor,.cursor2,.cursor3{position:fixed;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;left:-100px;top:50%;mix-blend-mode:difference;transition:transform .2s}.cursor{background-color:#fff;height:0;width:0;z-index:99999}.cursor2,.cursor3{height:36px;width:36px;z-index:99998;transition:transform .2s}.cursor2.hover,.cursor3.hover{transform:scale(1.5) translate(-25%,-25%);border:none}.cursor2{border:2px solid #fff}.cursor2.hover{background:#fff;border-color:transparent}@media screen and (max-width:1200px){.cursor,.cursor2,.cursor3{display:none}}.background{background-color:inherit;position:fixed;width:100%;height:100vh;transform:scaleY(-1);bottom:0}.bgd,body.contact-on .contact-section{transform:translateY(-50%) translateX(-50%)}.main{display:none;height:100%;width:100%}.bgd{overflow:hidden;height:70vh;width:50vw;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:radial-gradient(rgb(31 32 41 / 55%),#16171e8c);top:50%;left:50%;clip-path:polygon(0 0%,calc(100% - 30px) 0%,100% 0,100% calc(100% - 0px),calc(100% - 30px) 100%,30px 100%,0% calc(100% - 30px),0% 30px);transition:.4s}.bgd:after{background-image:url(/assets/img/razor-red-16da11da.svg);bottom:0;content:"";height:48px;left:0;width:100%;opacity:10%;filter:hue-rotate(77deg);z-index:0}.bgd:before{top:0;left:0;content:"";width:100%;height:100%;border-inline:dashed 2px rgb(255 239 0 / 16%);background:linear-gradient(90deg,#fcee0a 2px,transparent 0),linear-gradient(90deg,#fcee0a00 2px,transparent 0) 0 100%,linear-gradient(270deg,#fcee0a 2px,transparent 0) 100% 0,linear-gradient(270deg,#fcee0a00 2px,transparent 0) 100% 100%,linear-gradient(180deg,#fcee0a 2px,transparent 0),linear-gradient(180deg,#fcee0a 2px,transparent 0) 100% 0,linear-gradient(0deg,#fcee0a00 2px,transparent 0) 0 100%,linear-gradient(0deg,#fcee0a00 2px,transparent 0) 100% 100%,linear-gradient(0deg,rgba(255,239,0,.161) 2px,#0f101469 0),linear-gradient(180deg,rgba(255,239,0,.161) 2px,transparent 0),linear-gradient(180deg,rgba(255,239,0,.161) 2px,transparent 0);background-size:28px 28px,28px 28px,28px 28px,28px 28px,28px 28px,28px 28px,28px 28px,28px 28px,100% 100%,100% 100%;background-repeat:no-repeat}.about-text:after,.contact-text:after,.hero-section p span:after{width:30px;background-size:30px 30px;opacity:.2;filter:invert(42%) sepia(93%) saturate(1352%) hue-rotate(16deg) brightness(119%) contrast(119%);background-repeat:no-repeat;background-position:center;content:""}#container-fluid{width:75%}.hero-section{width:100%;display:block;overflow:hidden;height:100%;background-size:cover;background-position:center;transition:opacity .3s}.hero-section h1{color:#ffffffd4;line-height:1;font-size:70px;text-stroke:2px #000;-webkit-text-fill-color:transparent;-webkit-text-stroke:.3px;text-shadow:0 0 92px #ffffff36;font-family:Torwel,monospace}.about-text,.contact-text,.hero-section p{line-height:20px;letter-spacing:10px;color:#fff}.about-text,.hero-section p{font-size:15px}.name{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:20px}.hero-section .description{letter-spacing:10px;color:#ffffffd4;font-size:13px;line-height:1}.hero-section p{display:flex;justify-content:space-evenly;align-items:center}.hero-section p span{position:relative;display:inline-block;transition:transform .3s;width:100%}.about-text,.hero-section p span:after{-webkit-transition:.2s;position:absolute}.matrix-animation{font-family:Telegrama}.hero-section p span:after{top:20px;left:50%;height:25px;margin-left:-19px;background-image:url(/assets/img/down.svg);transition:.2s}.hero-section p span:hover:after{opacity:1;top:25px}body.about-on .hero-section,body.experience-on .hero-section{opacity:0;transition:opacity .3s}body.about-on .bgd,body.contact-on .bgd,body.experience-on .bgd,body.projects-on .bgd,body.services-on .bgd{transition:.4s;width:80vw;height:80vh}body.contact-on .hero-section,body.projects-on .hero-section,body.services-on .hero-section{opacity:0;transition:opacity .4s}.about-text{top:51.2%;left:40px;z-index:2;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;transform:translateY(-50%);transition:.2s}@media (max-width:1910px){.about-text,.footer-overlay,.hero-section .description,.hero-section p span{font-size:14px}.hero-section h1{font-size:70px}}@media (max-width:1199px){.about-text,.footer-overlay,.hero-section .description,.hero-section p span{font-size:13px}.bgd{top:50%;height:70vh;width:97vw}.hero-section h1{font-size:55px}body.about-on .bgd,body.contact-on .bgd,body.experience-on .bgd,body.projects-on .bgd,body.services-on .bgd{width:95vw;height:80vh}}.about-text:after,.contact-text:after{position:absolute;top:50%;left:20px;height:20px;margin-top:-15px;z-index:-1;background-image:url(/assets/img/left.svg);-webkit-transition:.2s;transition:.2s;transform:scaleX(-1)}.about-text:hover:after,.contact-text:hover:after{opacity:1;left:25px}.about-section{position:absolute;top:50%;left:50%;width:80vw;height:80vh;display:block;transform:translateY(-50%) translateX(-165%);z-index:10;overflow:hidden;border:2px solid #fff0;transition:transform .4s}body.about-on .about-section,body.experience-on .experience-section,body.projects-on .projects-section,body.services-on .services-section{transform:translateY(-50%) translateX(-50%);overflow-y:auto;transition:transform .4s}.about-close,.contact-close,.experience-close,.projects-close,.services-close{position:sticky;top:2%;left:98%;width:30px;display:block;overflow:hidden;height:30px;background-repeat:no-repeat;background-position:center;background-size:36px 36px;background-image:url(/assets/img/close.svg);cursor:pointer;z-index:11;visibility:hidden;opacity:0;transition:opacity .4s,transform .2s}@media (max-width:768px){.about-close,.contact-close,.experience-close,.projects-close,.services-close{top:1%;left:93%}}body.about-on .about-close,body.contact-on .contact-close,body.experience-on .experience-close,body.projects-on .projects-close,body.services-on .services-close{visibility:visible;opacity:1;transition-delay:0.4s}.about-close:hover,.contact-close:hover,.experience-close:hover,.projects-close:hover,.services-close:hover{transform:rotate(90deg);transition:transform .2s;transition-delay:0.1s!important}.section-center{position:absolute;width:100%;left:0;top:45%;transform:translateY(-50%);z-index:1}.profile-img{width:250px;height:auto;border-radius:100%;display:block;margin:0 auto 20px;border:solid #fcee403b;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.logo{width:150px;height:auto;opacity:60%}.hob-img{width:50px;height:auto;margin:0 auto 10px}.about-section p span{font-family:'Exo 2';letter-spacing:1px;color:#fff;font-size:25px;font-weight:400}.experience-item{white-space:normal;height:auto;word-wrap:break-word;font-family:"exo 2",monospace}.contact-text{position:absolute;font-size:15px;top:50%;right:40px;z-index:2;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;transform:translateY(-50%) rotate(180deg);-webkit-transition:.2s;transition:.2s}.contact-section,body.contact-on .contact-section{transition:transform .4s}.contact-section,.experience-section,.projects-section,.services-section{left:50%;z-index:10;border:2px solid #fff0;box-sizing:border-box;position:absolute}@media (max-width:1910px){.contact-text{font-size:14px}}.contact-section{top:50%;width:80vw;height:80vh;display:block;transform:translateY(-50%) translateX(+60%);overflow:hidden}.contact-section a{margin:0 auto;font-size:12px;font-weight:900;letter-spacing:1px;color:#fff;display:inline-block}.contact-section .social a{margin-left:8px;margin-right:8px;font-size:15px;font-weight:600;letter-spacing:1px;color:#866baf}@media screen and (max-width:767px){.contact-section a,.warning{font-size:12px}#codepen,#github,#instagram,#linkedin{width:26px;margin-left:15px;margin-right:15px;margin-top:18px}.warning{text-align:center;padding-left:10px;padding-right:10px}.btn-play{font-size:45px}.background{transform:scaleY(1)}.hero-section p span:after{top:.2rem;margin-left:-16px;background-size:20px 20px}.hero-section p span:hover:after{top:.4rem}.about-text{font-size:9px;letter-spacing:5px;line-height:0;left:.9rem}.about-text:after,.contact-text:after{height:24px;left:.2rem;background-size:20px 20px}.about-text:hover:after,.contact-text:hover:after{left:.4rem}.contact-section .social a{margin-left:3px;margin-right:3px;font-size:13px;letter-spacing:0}}.experience-section,.projects-section,.services-section{display:block;top:50%;width:80vw;height:80vh;transform:translateY(100%) translateX(-50%);transition:transform .4s;overflow-y:hidden}@media (max-width:1600px){.bgd{top:50%;height:70vh;width:97vw}.about-section,.contact-section,.experience-section,.projects-section,.services-section,body.about-on .bgd,body.contact-on .bgd,body.experience-on .bgd,body.projects-on .bgd,body.services-on .bgd{width:95vw;height:80vh}.logo{width:130px;height:auto}}@media (max-width:1199px){.about-section,.contact-section,.experience-section,.projects-section,.services-section{width:95vw;height:80vh}.logo{width:130px;height:auto}.contact-text{font-size:13px}}.contact-section h3,.experience-section h3,.projects-section h3,.services-section h3{font-size:44px;line-height:1.3;font-weight:700;letter-spacing:1px;color:#fff}.experience-section p,.projects-section p,.services-section p{font-size:14px;line-height:1.7;letter-spacing:1px}.experience-section p span,.projects-section p span,.services-section p span{font-size:20px;line-height:1.3;font-weight:700;color:#664df9}.drk-section{position:relative;background:#0f1014;box-shadow:0 19px 38px rgb(253 253 253 / 5%),0 15px 12px rgb(255 255 255 / 0%);padding:10px;margin-bottom:50px;width:100%}.drk-section:after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:linear-gradient(90deg,#fcee0a 2px,transparent 0),linear-gradient(90deg,#fcee0a 2px,transparent 0) 0 100%,linear-gradient(270deg,#fcee0a 2px,transparent 0) 100% 0,linear-gradient(270deg,#fcee0a 2px,transparent 0) 100% 100%,linear-gradient(180deg,#fcee0a 2px,transparent 0),linear-gradient(180deg,#fcee0a 2px,transparent 0) 100% 0,linear-gradient(0deg,#fcee0a 2px,transparent 0) 0 100%,linear-gradient(0deg,#fcee0a 2px,transparent 0) 100% 100%,linear-gradient(0deg,rgba(255,239,0,.161) 2px,#0f101400 0),linear-gradient(180deg,rgba(255,239,0,.161) 2px,transparent 0);background-repeat:no-repeat;background-size:28px 28px,28px 28px,28px 28px,28px 28px,28px 28px,28px 28px,28px 28px,28px 28px,100% 100%,100% 100%}.contact-form{width:100%;margin:0 auto;background-color:transparent;padding-left:30px;padding-right:30px;border-radius:10px;z-index:1;position:relative;font-family:Monorama,monospace}.contact-form label{display:block;margin-top:10px;margin-bottom:10px;font-weight:700;color:#fff8f8}.contact-form input,.contact-form textarea{width:100%;padding:10px;border:1px solid #fff;border-radius:5px;background-color:transparent;color:#fff}.contact-form textarea{height:100px}.contact-form button{padding:5px 20px;background-color:#fff;color:gray;border:1px solid #fff;border-radius:5px;cursor:pointer;margin-top:10px}.contact-form button:hover{padding:5px 20px;background-color:transparent;color:gray;border:1px solid #fff;border-radius:5px;cursor:pointer}#message-container.success-message{color:green;margin-top:10px}#message-container.error-message{color:red;margin-top:10px}@media (max-width:767px){.footer-overlay{font-size:12px}.bgd{top:47%;height:60vh;width:95vw}.hero-section h1{font-size:6.5vw}.hero-section .description{font-size:11px;letter-spacing:3px}.hero-section p span{font-size:9px;margin-left:10px;margin-right:10px;letter-spacing:5px;line-height:0}body.about-on .bgd,body.contact-on .bgd,body.experience-on .bgd,body.projects-on .bgd,body.services-on .bgd{width:95vw;height:90vh}.about-section,.contact-section,.experience-section,.projects-section,.services-section{width:95vw;height:90vh;top:47%}.logo{width:100px;height:auto}.experience-item,h4{font-size:14px}.contact-text{font-size:9px;letter-spacing:5px;line-height:0;right:.9rem}.pattern-diagonal-stripes-sm,h1{font-size:20px}}