@import"https://fonts.googleapis.com/css?family=Rubik:400,700|Quicksand:400,500,600,700|DM+Serif+Text|Noto+Naskh+Arabic:100..900|Nastaliq+Urdu:wght@400..700";body,html{margin:0;padding:0;text-underline-offset:.25em}body{background-color:#000;font-family:Quicksand,sans-serif;font-size:16px;font-weight:500}.scape{height:100%;bottom:0;background-color:#b6cee9}.scape,.scape-view{position:fixed;z-index:0;width:100%;left:0;top:0;overflow:hidden}.scape-view{height:calc(100vh + 50px);background-image:url(/static/img/cover.jpg);background-position:0;background-size:cover}.scape-view>*{position:absolute}.scape-view>img{image-rendering:pixelated}.scape-view .boulder-peak{z-index:3;left:-50px;bottom:-100px}.scape-view .sun{z-index:0;border-radius:50%;background:#fff793;width:200px;height:200px;right:3%;top:50px}.scape-view .cloud-sun{z-index:1;top:40px;right:calc(3% + 120px);transform:scale(.8)}.scape-view .cloud-mid{z-index:1;top:50px;right:30%;transform:scaleX(-1) scale(1.2);fill:#000}.scape-view .peak{transform:scale(1);bottom:-10px;left:-120px;z-index:1}.scape-view .cloud-peak{top:40px;left:0;transform:scale(.6);z-index:2}.scape-view .hill{bottom:180px;left:-220px;z-index:0}.scape-view .mountain{right:-200px;bottom:0}.scape-view .boulder-mountain{right:-50px;bottom:-100px;transform:rotate(30deg);z-index:3}@media screen and (max-width:425px){.scape-view .cloud-mid,.scape-view .cloud-sun{display:none}.scape-view .cloud-peak{top:10px}}main{position:relative;z-index:100;margin:100px auto 0}@media screen and (max-width:425px){main{border-radius:0}}h1{font-family:"DM Serif Text",sans-serif;font-weight:700;font-size:4.5rem}.button,button{cursor:pointer;background:#ef0000;color:#fff;border:0;border-radius:5px;padding:10px 20px;font-family:Rubik;font-weight:400!important}.button:hover,button:hover{box-shadow:0 4px 0 0 rgba(0,0,0,.05)}.potrait,img{image-rendering:-webkit-optimize-contrast!important}big{font-size:large}a.button{color:#fff!important}:focus{outline:none}a:link,a:visited{text-decoration:none;color:#777}a:hover{color:#ef0000}.center{text-align:center}.bold{font-weight:700}.medium{font-size:.875rem}.socials{font-size:1rem;padding:20px 0}.socials>*{padding:0 10px}.socials *>*,.socials>*{vertical-align:middle}.intro{color:#fff;font-size:1rem;text-align:center;display:flex;flex-direction:column;justify-content:space-around;min-height:100vh;padding:12px 0;box-sizing:border-box}.intro>*{margin:10px 0}.intro big{margin:0}.intro .catch{font-size:1.25rem}.intro .catch .bigs{margin:0;font-family:Rubik,sans-serif;text-transform:uppercase;font-size:3.75rem;font-weight:700}@media screen and (max-width:425px){.intro .catch .bigs{font-size:54px}}.intro .me{text-align:right;display:flex;flex-flow:column;align-items:flex-end;padding:0 20px;justify-content:center;font-family:Rubik;color:#fff}.intro .me a:link,.intro .me a:visited{text-decoration:none;color:#fff}.intro .me a:hover{font-style:italic}.intro .me .glyphs{display:inline-block;padding:5px 10px;background:#fff;border-radius:999px}.intro .potrait{width:200px;height:240px;border-radius:100px;background-image:url(/static/img/o.jpg);filter:brightness(5) contrast(1) saturate(6) hue-rotate(250deg) grayscale(.3);background-size:cover;background-position:50% 10%}.intro .title{margin:0;font-weight:900;font-size:3rem;line-height:2;letter-spacing:3px;font-family:Noto Naskh Arabic}@media screen and (max-width:425px){.intro .me{padding:0 12px}}.preview{text-align:center;position:relative;overflow:hidden}.preview img{max-width:100%;border-radius:2px}.preview .slider-container button{border-radius:0}.preview .slider-container .slide{text-align:center}.work-item{width:100%;padding:40px 2%;box-sizing:border-box;display:flex;flex-direction:column;gap:40px}.work-item a:link,.work-item a:visited{color:#eee}.work-item a:hover{color:#ddd}.work-item header h1.title{margin:0;font-size:3rem;overflow:hidden;text-overflow:ellipsis}.work-item header .short{opacity:.75;overflow:hidden;font-size:1.5rem;font-weight:400}.work-item .date{font-family:Courier New,Courier,monospace;letter-spacing:0}.work-item .information{display:flex;gap:20px;justify-content:space-between;font-size:18px}.work-item .information .specs p{margin:5px 0;font-size:18px}.work-item .information .label{font-weight:700;margin-right:20px;text-transform:uppercase}.work-item .information .details{max-width:50%;line-height:1.75}.work-item .information .details p{margin:0;font-size:1rem}.work-item .information .date{letter-spacing:1px}.work-item .information .tech{display:flex;align-items:center}.work-item .information .tech .label{font-size:15px;height:24px;vertical-align:middle;line-height:24px;padding:5px 20px;background:rgba(0,0,0,.2)}.work-item .information .tech .items{background:#fff;display:flex;flex-wrap:wrap;border-radius:20px;padding:0 10px}.work-item .information .tech .item{display:flex;padding:4px 8px}.work-item .information .tech .item img{height:22px}@media screen and (max-width:770px){.work-item .information{flex-direction:column}.work-item .information .details{max-width:100%}}.call{padding:100px 0;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call .designer{opacity:.75}.call .designer:hover{opacity:1}footer{background:#fff;padding:20px;font-family:Courier New,Courier,monospace;font-size:14px;text-align:center}.dark-blue{background-color:#2c3e50;color:#fff}.light-blue{background-color:#3498db;color:#fff}.green{background-color:#71aa17;color:#fff}