body,html{scroll-behavior:smooth;background-color:#2a2e31;margin:0;padding:0}#overlay{z-index:990;background-color:#0000000a;width:100%;height:100%;transition:all .5s ease-in-out .6s;display:none;position:fixed}.wrapper{width:80%;margin:auto;padding-top:300px;padding-bottom:0;transition:all .5s ease-in-out .6s}.accounts-container{margin-top:30px}.accounts-container a{text-decoration:none}.accounts{cursor:pointer;fill:#ffffffd0;width:20px;margin:10px}.medium{width:22px}.accounts:hover{fill:#83bbe6;transition-duration:.3s}.section{text-align:center;box-sizing:border-box;width:100%;padding-bottom:20px}h4,p,a{text-shadow:0 1px 3px #00000080}.intro{text-align:center;color:#fff;width:475px;margin:auto auto 0;font-family:Work Sans,sans-serif;font-size:24px;font-weight:300;line-height:28px}.intro span{font-weight:400}.dribbble-id{justify-content:center;width:150px;margin:20px auto auto;display:flex;position:relative}.dribbble-id p{color:#ffffffbf;margin:0;font-family:Work Sans;font-size:16px;font-weight:300;line-height:19px}.dribbble-id img{width:17px;margin:0 10px 0 0}.buttons-div{width:50%;margin:20px auto auto}.btn{text-align:center;color:#ffffffd0;cursor:pointer;background-color:#2a2e31;border:1px solid #ffffffd0;border-radius:40px;margin-top:20px;padding:12px 30px;font-family:Work Sans,sans-serif;font-size:16px;font-weight:300;line-height:19px;text-decoration:none;transition:all .3s ease-in-out;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn:focus{outline:none}.heading{letter-spacing:.065em;text-transform:uppercase;color:#2a2e31;text-shadow:-1px -1px #ffffff80,1px -1px #ffffff80,-1px 1px #ffffff80,1px 1px #ffffff80;margin:0;font-family:Ubuntu,sans-serif;font-size:36px;font-weight:700;line-height:41px}.about-me{margin-top:120px}.about-container{justify-content:center;margin-top:60px;display:flex}.image-container{margin-left:100px}.image{text-align:left}.image img{filter:grayscale();transition:all .3s ease-in-out}.image img:hover{filter:none}@media (any-hover:none){.image img{filter:none}}.detail{margin-top:10px;display:flex;position:relative}.detail img{height:20px;margin:0 10px 0 0}.link{letter-spacing:.4px;color:#83bbe6;margin:0;font-family:Work Sans;font-size:16px;font-weight:300;line-height:19px;text-decoration:none;position:relative}.link:before{content:"";visibility:hidden;transform-origin:0;background-color:#7c99af;width:100%;height:1px;transition:all .3s ease-in-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.link:hover:before{visibility:visible;transform:scaleX(1)}.detail p{text-align:left;color:#ffffffbf;margin:0;font-family:Work Sans;font-size:16px;font-weight:300;line-height:19px}.text-container{width:440px;margin-left:100px}.text-container p{color:#ffffffbf;text-align:left;margin:0 0 15px;font-family:Work Sans,sans-serif;font-size:16px;font-weight:300;line-height:21px}.works{margin-top:120px}.work-container{align-items:center;padding-top:100px;display:flex}.work-text{text-align:left;width:40%;padding-left:0;padding-right:0}.work-text a{text-align:left;text-shadow:none;text-transform:uppercase;font-family:Work Sans,sans-serif;font-size:24px;font-weight:500;line-height:28px}.work-text p{color:#ffffffbf;text-align:left;width:90%;margin:20px 0 15px;font-family:Work Sans,sans-serif;font-size:16px;font-weight:300;line-height:21px}.work-image{width:60%}.work-image img{width:100%}.alt-work{flex-direction:row-reverse}.alt-text{justify-content:flex-end;padding-left:0;padding-right:0}.alt-image{text-align:left}#shakad{width:100%}@media (min-width:1440px){#shakad{width:750px}.work-image img{width:700px}}.contact-me{margin-top:120px}.form-div{width:600px;margin:60px auto auto}input{box-sizing:border-box;color:#fffc;background-color:#393d40;border:1px solid #2a2e31;border-radius:5px;width:100%;height:60px;margin-bottom:20px;padding:20px 30px;font-family:Work Sans,sans-serif;font-size:16px;font-weight:300;line-height:19px}input::placeholder{color:#fff6;font-family:Work Sans,sans-serif;font-size:16px;font-weight:300;line-height:19px}input:focus{outline:none}textarea{box-sizing:border-box;resize:none;color:#fffc;background-color:#393d40;border:1px solid #2a2e31;border-radius:5px;width:100%;padding-top:20px;padding-left:30px;padding-right:30px;font-family:Work Sans,sans-serif;font-size:16px;font-weight:300;line-height:19px}textarea::placeholder{color:#fff6;font-family:Work Sans,sans-serif;font-size:16px;font-weight:300;line-height:19px}textarea:focus{outline:none}footer{text-align:center;background-color:#202426;width:100%;margin-top:100px;padding:20px 0;bottom:0}.footer-text p{color:#ffffffbf;text-align:center;margin:0;font-family:Work Sans,sans-serif;font-size:16px;font-weight:300;line-height:21px}.social-icons{justify-content:space-evenly;width:10%;margin:15px auto auto;display:flex}.social-icons img{width:20px;margin:10px 10px 0;transition:all .3s ease-in-out}.social-icons img:hover{transform:translateY(-5px)}.github{justify-content:center;width:100%;margin:15px auto auto;display:flex;position:relative}.github img{height:20px;margin:0 10px 0 0}@media (max-width:475px){body{background-color:#2a2e31;margin:auto;padding:0}.wrapper{width:inherit;margin:auto;padding-top:200px}.section{padding-left:20px;padding-right:20px}.intro{text-align:center;color:#fff;width:90%;margin:auto auto 0;font-family:Work Sans,sans-serif;font-size:20px;font-weight:300;line-height:28px}.intro span{font-weight:400}.dribbble-id{justify-content:center;width:150px;margin:20px auto auto;display:flex;position:relative}.dribbble-id p{color:#ffffffbf;margin:0;font-family:Work Sans;font-size:15px;font-weight:300;line-height:18px}.dribbble-id img{width:15px;margin:0 10px 0 0}.buttons-div{width:100%;margin:50px auto auto}.btn{color:#ffffffd0;border:1px solid #ffffffd0;border-radius:30px;margin-top:20px;padding:8px 25px;font-family:Work Sans,sans-serif;font-size:15px;font-weight:300;line-height:18px;text-decoration:none;transition:all .3s ease-in-out}.heading{letter-spacing:.045em;text-transform:uppercase;color:#2a2e31;text-shadow:-1px -1px #ffffff80,1px -1px #ffffff80,-1px 1px #ffffff80,1px 1px #ffffff80;margin:0;font-family:Ubuntu,sans-serif;font-size:30px;font-weight:700;line-height:34px}.about-me{margin-top:130px}.about-container{flex-direction:column;margin-top:50px}.image-container{width:100%;margin-left:0}.image img{text-align:left;width:100%}.address{text-align:left;font-size:15px;line-height:18px}.text-container{width:100%;margin-top:40px;margin-left:0}.text-container p{color:#ffffffbf;text-align:left;margin:0 0 15px;font-family:Work Sans,sans-serif;font-size:15px;font-weight:300;line-height:21px}.work-container{flex-direction:column-reverse;display:flex}.work-text{width:100%;margin-top:50px;padding:0}.work-text a{font-size:20px}.work-text p,.work-image{width:100%}.work-image img{text-align:center;width:100%}#shakad{width:100%}.contact-me{width:100%;margin-top:130px}.form-div{width:100%;margin:60px auto auto}footer{margin-top:100px;padding-bottom:50px}}@media (min-width:476px) and (max-width:768px){.wrapper{width:100%}.about-me,.contact-me,.section{padding-left:40px;padding-right:40px}.intro{width:90%}.image-container{text-align:left;width:50%;margin-left:0;margin-right:20px}.text-container{width:50%;margin-left:20px}.work-container{flex-direction:column-reverse;display:flex}.work-text{width:70%;margin-top:50px;padding:0}.work-text a{font-size:20px}.work-text p{width:100%}.work-image{width:60%}.work-image img{text-align:center;width:100%}#shakad,.form-div{width:100%}}@media (min-width:476px) and (max-width:660px){.about-container{flex-direction:column;align-items:center;display:flex}.image-container{flex-direction:column;align-items:center;width:100%;margin:0;display:flex}.text-container{width:100%;margin-top:30px;margin-left:0}.work-image{width:80%}.work-text{width:100%}}@media (min-width:769px) and (max-width:1023px){.image-container{margin-left:0}.work-container{flex-direction:column-reverse;display:flex}.work-text{width:60%;margin-top:50px;padding:0}.work-text a{font-size:20px}.work-text p{width:100%}.work-image{width:60%}.work-image img{text-align:center;width:100%}#shakad{width:100%}}*{box-sizing:border-box}.wrapper-alt{background-color:#2a2e31;transform:scale(.99)}.nav-icon-container{cursor:pointer;z-index:999;box-sizing:border-box;width:50px;height:50px;transition:all .4s ease-in-out;position:fixed;top:5%;right:10%}#nav-icon{box-sizing:border-box;background-color:#0000;height:40px;padding:10px 0}#nav-icon span{content:"";float:right;background-color:#fffc;border-radius:10px;height:2px;margin:4px;display:block;position:relative}.nav-icon-top{width:35px;transition:bottom .4s ease-in-out .5s,transform .4s ease-in-out;bottom:0}.nav-icon-bottom{width:20px;transition:width .4s ease-in-out .4s,bottom .4s ease-in-out .5s,transform .4s ease-in-out;bottom:0}.top-clicked{transition:bottom .4s ease-in-out,transform .4s ease-in-out .5s;bottom:-5px;transform:rotate(135deg)}.bottom-clicked{width:35px;transition:width .4s ease-in-out,bottom .4s ease-in-out,transform .4s ease-in-out .5s;bottom:5px;transform:rotate(-135deg)}.sidenav-container{z-index:998;width:400px;height:100%;box-shadow:none;background-color:#2a2e31;padding:50px 0;transition:transform .4s cubic-bezier(.55,.06,.68,.19) .3s,box-shadow .4s ease-in-out;position:fixed;top:0;right:0%;overflow-x:hidden;transform:translate(100%)}.sidenav-out{transition:transform .7s cubic-bezier(.55,.06,.68,.19) .3s,box-shadow .4s ease-in-out .8s;transform:translate(0);box-shadow:-200px 4px 250px #0006}.sidenav-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.sidenav-heading{width:80%;margin-top:60px;margin-bottom:20px}.sidenav-heading2{color:#ffffffbf;text-align:center;margin:60px 0 15px;font-family:Work Sans,sans-serif;font-size:18px;font-weight:300;line-height:21px}.with-icon{background-position:24px;background-repeat:no-repeat;width:190px;padding:12px 24px 12px 56px}.with-icon:hover{box-shadow:none}.dribble-link{background-image:url(/assets/dribbble-logo.svg)}.behance-link{background-image:url(/assets/behance-logo.svg);background-size:20px}.github-link{background-image:url(/assets/github-logo2.svg);background-size:20px}.twitter-link{background-image:url(/assets/twitter-logo2.svg);background-size:20px}.linkedin-link{background-image:url(/assets/linkedin-logo.svg);background-size:20px}.medium-link{background-image:url(/assets/medium-logo.svg);background-size:20px}@media (max-width:425px){.sidenav-container{width:100%}.sidenav-heading{width:80%;margin-top:40px;margin-bottom:20px}.with-icon{width:160px;margin-top:16px;padding:8px 20px 8px 56px}.sidenav-heading2{margin-top:40px}}