@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);*{box-sizing:border-box;font-family:Bebas Neue,cursive;margin:0;padding:0}body{background-color:#f4f6ef}section{display:flex;flex-direction:row;position:relative}.green-roll{background-color:#264653;height:100vh;padding-left:100px;width:64%}@media screen and (max-width:950px){.green-roll{background-color:#264653;height:100vh;padding-left:0;padding-left:100px;width:100%}}@media screen and (max-width:950px)and (max-width:950px){.green-roll{padding-left:0}}.sect-title{align-items:center;color:#264653;display:inline-block;display:flex;font-size:11vw;justify-content:center;text-shadow:-1px 1px 0 #f4f6ef,1px 1px 0 #f4f6ef,1px -1px 0 #f4f6ef,-1px -1px 0 #f4f6ef}.skip-to-main{background-color:#c84c09;border-radius:0 0 .25rem .25rem;color:#f4f6ef;left:100px;padding:.5rem 1.5rem;position:absolute;text-decoration:none;-webkit-transform:translateY(-120%);transform:translateY(-120%)}.skip-to-main:focus{-webkit-transform:translateY(0);transform:translateY(0)}.sidenav{background-color:#f4f6ef;color:#000;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;overflow-x:hidden;position:fixed;top:0;width:100px;z-index:1}.nav-link{cursor:pointer;display:block;font-size:1.2rem;margin:20px auto;text-decoration:none;-webkit-text-orientation:upright;text-orientation:upright;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.nav-link:visited{color:#000}.nav-link:hover{font-weight:900}.social-links a,.social-links a:visited{color:#c84c09}.social-links a:hover{color:#9b3904}.logo-img{border-radius:50%;vertical-align:inherit;width:30px}.nav-btn{background-color:#264653;border:1.5px solid #f4f6ef;border-radius:20%;left:15px;padding:4px 7px;position:absolute;top:15px;z-index:5}.nav-btn i{color:#c84c09;font-size:1.5rem}.nav-btn:focus{border:1.5px solid #c84c09}.mob-nav-div{align-items:center;background-color:#121213c7;color:#f4f6ef;display:flex;flex-direction:column;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:5}.mob-nav-link{font-size:3rem;text-decoration:none}.mob-nav-link:visited{color:#f4f6ef}.mob-social-links{display:flex;justify-content:space-around;margin-top:40px;width:30%}.mob-social-links a,.mob-social-links a:visited{color:#c84c09}@media screen and (max-width:600px){.mob-social-links{width:60%}}.greet-div{color:#f4f6ef;display:inline-block;left:15%;position:relative;top:15%}@media screen and (max-width:950px){.greet-div{top:38%}}.hi-title{color:#264653;font-size:13vw;margin-bottom:2rem;text-shadow:-1px 1px 0 #f4f6ef,1px 1px 0 #f4f6ef,1px -1px 0 #f4f6ef,-1px -1px 0 #f4f6ef}@media screen and (max-width:600px){.hi-title{font-size:8rem}}.tag-name{font-size:1.3vw;letter-spacing:.1rem;text-align:right}.tag-name span{color:#c84c09}@media screen and (max-width:600px){.tag-name{font-size:1rem}}.intro-title{font-size:6vw;letter-spacing:3px;line-height:.7}@media screen and (max-width:600px){.intro-title{font-size:10vw}}.info-title{color:#264653;font-size:3.5vw;letter-spacing:2px;line-height:1.4;text-shadow:-1px 1px 0 #f4f6ef,1px 1px 0 #f4f6ef,1px -1px 0 #f4f6ef,-1px -1px 0 #f4f6ef}@media screen and (max-width:600px){.info-title{font-size:5vw}}.landing-aside{align-items:center;display:flex;justify-content:center}.landing-aside img{border-radius:50%;width:80%}@media screen and (max-width:950px){.landing-aside img{display:inline-block;position:absolute;right:10%;top:25%;width:30%}}.about-div{align-items:center;display:flex;flex-direction:column;height:40vh;justify-content:center;padding:0 75px}.about-tag-line,.intro-para{color:#f4f6ef;font-size:1.8vw;letter-spacing:1.5px;margin-left:50px}@media screen and (max-width:950px){.about-tag-line,.intro-para{color:#264653;font-size:3vw;letter-spacing:1px;margin-left:0}}.about-tag-line{color:#c84c09;font-size:3vw;margin-top:40px}@media screen and (max-width:950px){.about-tag-line{font-size:5vw}.mob-color{background-color:#f4f6ef}}.skills-aside{align-items:center;display:flex;justify-content:center}@media screen and (max-width:950px){.skills-aside{bottom:5%;left:22%;position:absolute}}@media screen and (max-width:600px){.skills-aside{left:12%}}.skills-div{display:flex;flex-direction:column;flex-wrap:wrap;height:auto}.three-skill-div{display:flex;flex-direction:row;margin-top:2rem}.skill{background:linear-gradient(145deg,#fff,#dcddd7);border-radius:30px;box-shadow:10px 10px 15px #cdcfc9,-10px -10px 15px #fff;color:#264653;display:flex;flex-direction:column;height:150px;justify-content:center;margin-left:1.2rem;text-align:center;width:150px}.skill i{font-size:4vw;margin-bottom:1rem}.skill h4{font-size:1.8vw;letter-spacing:2px}@media screen and (max-width:950px){.skill{height:15vw;width:15vw}.skill h4{font-size:3.5vw}}@media screen and (max-width:600px){.skill{border-radius:20px;height:20vw;width:20vw}.skill i{font-size:8vw}.skill h4{font-size:3.5vw}}.green-full{color:#264653;height:100vh;width:100%}.project-div{align-items:center;color:#f4f6ef;display:flex;flex-direction:column;justify-content:center;margin-top:50px}.slide-back,.slide-forward{align-items:center;cursor:pointer;display:flex;height:100vh;justify-content:left;position:absolute;width:8%}.slide-back i,.slide-forward i{color:#c84c09;font-size:3rem}@media screen and (max-width:600px){.slide-back i,.slide-forward i{font-size:2rem}}.slide-back{left:110px}@media screen and (max-width:950px){.slide-back{left:0}}.slide-forward{justify-content:right;right:10px}@media screen and (max-width:950px){.slide-forward{right:0}}.pro-title{font-size:4vw}@media screen and (max-width:950px){.pro-title{font-size:6vw}}.pro-para{font-size:1.8vw;letter-spacing:1.5px;margin:30px 0 50px;max-width:600px}@media screen and (max-width:950px){.pro-para{font-size:3vw;letter-spacing:1px}}@media screen and (max-width:600px){.pro-para{max-width:300px}}.link-btn{background-color:#c84c09;border-radius:5px;color:inherit;letter-spacing:1px;margin:0 10px;padding:10px 20px;text-decoration:none;width:150px;z-index:5}.link-btn:focus,.link-btn:hover{background-color:#9b3904;box-shadow:0 .5em .5em -.4em #181d27;-webkit-transform:translateY(-.05em);transform:translateY(-.05em)}@media screen and (max-width:600px){.link-btn{font-size:3vw;max-width:80px}}.project-id{color:#264653;text-shadow:-1px 1px 0 #f4f6ef,1px 1px 0 #f4f6ef,1px -1px 0 #f4f6ef,-1px -1px 0 #f4f6ef}.project-aside{display:flex;flex-direction:column;justify-content:space-around;width:35%}@media screen and (max-width:950px){.project-aside{bottom:10%;left:16%;position:absolute;width:auto}}@media screen and (max-width:600px){.project-aside{bottom:20%;left:18%;position:absolute;width:70%}}.img-div{display:flex;justify-content:space-around}.desktop-img1{width:55%}.tablet-img1,.tablet-img2{height:auto;width:30%}.mobile-img1{height:auto;width:25%}.mob-img{width:auto}@media screen and (max-width:950px){.mob-img{max-height:300px}}@media screen and (max-width:600px){.mob-img{max-height:150px}}.contact-form{align-items:center;justify-content:center;margin-top:40px;width:100%}.contact-form,.form-div{display:flex;flex-direction:column}.form-div{margin-top:30px;width:70%}.form-div label{color:#f4f6ef;font-size:2.2vw}@media screen and (max-width:950px){.form-div label{color:#264653;font-size:3.5vw}}.form-div label span{color:#c84c09;font-size:1.2vw;position:absolute}.form-div input{border:none;height:30px;width:100%}.form-div textarea{border:none;height:80px}.submit-btn{background-color:#c84c09;border:none;border-radius:5px;color:#f4f6ef;cursor:pointer;font-size:1.5vw;margin-top:40px;padding:5px 50px}.submit-btn:focus,.submit-btn:hover{background-color:#9b3904;box-shadow:0 .5em .5em -.4em #181d27;-webkit-transform:translateY(-.05em);transform:translateY(-.05em)}@media screen and (max-width:950px){.submit-btn{font-size:3vw}}.contact-aside{align-items:center;color:#264653;display:flex;flex-direction:column;font-size:1.8vw;justify-content:center;margin:auto}@media screen and (max-width:950px){.contact-aside{bottom:20%;font-size:3vw;left:25%;position:absolute}}@media screen and (max-width:600px){.contact-aside{bottom:5%;font-size:4vw;left:18%}}.contact-social{margin-top:50px}@media screen and (max-width:950px){.contact-social{margin-top:20px}}.contact-link{color:#c84c09;cursor:pointer;font-size:3vw;margin:auto 20px}.contact-link:focus,.contact-link:hover{color:#9b3904}@media screen and (max-width:950px){.contact-link{font-size:5vw}}@media screen and (max-width:600px){.contact-link{font-size:6vw}}
/*# sourceMappingURL=main.18143210.css.map*/