@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;400;600;700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,200;0,300;0,400;1,200;1,300&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,500;1,900&display=swap);*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}body{background-color:#000}a,h1,h2,h3,h4{color:#fff;text-decoration:none}ul{list-style-type:none}.btn{background-color:#f8d90f;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;text-transform:uppercase}.btn-light{background:transparent;color:#fff}.btn:hover{background:hsla(0,0%,100%,.2);color:#fff;transition:.3s}.app{box-sizing:border-box;margin:0;padding:0}.title{font-size:30px;font-weight:500;margin-bottom:20px;padding-bottom:20px;position:relative;text-align:center}.max-width{background-color:teal;margin:auto;max-width:1300px;opacity:1;padding:0 80px}.title:before{background:#111;content:"";width:190px}.title:after,.title:before{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.title:after{background:#000;bottom:-8px;color:#fff;font-size:20px;padding:0 5px}section{padding:20px 0 60px}.abouta{background-attachment:fixed;background-size:cover;font-family:Poppins,sans-serif}.about-content{background-color:teal;display:flex}.abouta .about-content .left{width:45%}.abouta .about-content .left img{border-radius:10%;height:400px;margin-bottom:60px;margin-top:60px;object-fit:cover;width:400px}.abouta .about-content .right{width:55%}.right{color:#000;font-size:15px;font-weight:700;margin:auto;text-align:left}.abouta .about-content .right .text{font-size:27px;font-weight:600;margin-bottom:10px}.abouta .about-content .right .text span{color:gold}.abouta .about-content .right p{font-family:Ubuntu,sans-serif;font-size:18.5px;text-align:justify}.abouta .about-content .right a{background-image:url(https://media.istockphoto.com/id/1151400542/photo/glowing-rough-golden-steel-wall-surface-abstract-texture-background.jpg?s=1024x1024&w=is&k=20&c=0iP-NUAovNiu2vZAK5C6BAHd3rBzHjP8EaZgowgon9s=);color:#000}.abouta .about-content .right a,.abouta .about-content .right a:hover{border-radius:10px;display:inline-block;font-size:20px;font-weight:500;font-weight:700;margin-top:20px;padding:10px 30px;transition:all .3s ease}.abouta .about-content .right a:hover{background:url(https://images.unsplash.com/photo-1580822115965-0b2532068eff?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80);color:#fff;height:auto;width:auto}.abouta .title:after{color:red}@media (max-width:1104px){.abouta .about-content .left img{height:350px;width:350px}}@media (max-width:991px){.max-width{padding:0 50px}}@media (max-width:947px){.max-width{max-width:930px}.about-content{display:inline}.left{margin:auto}.abouta .about-content .column{width:100%}.abouta .about-content .left{display:flex;justify-content:center;margin:0 auto 60px}.abouta .about-content .right{flex:100% 1}}@media (max-width:690px){.max-width{padding:0 23px}}@media (max-width:500px){.abouta .about-content .right .text,.skills .skills-content .left .text{font-size:19px}}@media (max-width:326px){.abouta .about-content .left img{height:270px;width:270px}}.Home_homehero__txrHD{height:100vh;position:relative;width:100%}.Home_mask__Q3gHs{height:100%;position:relative;width:100%}.Home_into_img__C7LTn{background-position:50%;background-size:cover;height:100%;object-fit:cover;width:100%}.Home_mask__Q3gHs:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.Home_homehero__txrHD .Home_content__vnsBc{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Home_homehero__txrHD .Home_content__vnsBc h1{padding:.6rem 0 1.5rem}.Home_homehero__txrHD .Home_content__vnsBc p{color:red;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.4rem;font-weight:200}content.Home_btn__F6ow7{margin:1rem .2rem}#nav-menu{display:flex;font-family:Ubuntu,sans-serif;font-size:15px;font-weight:700;justify-content:space-around;padding:30px 50px;position:fixed;transition:all .3s ease;width:100%;z-index:77}#nav-menu>.mystyle>a:hover{color:#fff}#navName{color:#92bcb5;cursor:pointer;float:left;font-family:Ubuntu,sans-serif;font-size:35px;font-weight:600;margin-left:-50px}#navComp{color:#fff;display:flex;float:right;justify-content:space-around;margin-right:-50px;text-align:center}#navComp>a{font-size:22px;font-weight:700;margin:12px}#navComp>a:hover{color:#fff}#mobile{align-items:center;display:none;margin-top:9px;text-align:center}#mobile,#myNav{font-family:Ubuntu,sans-serif}.overlay{background-color:#000;background-color:rgba(0,0,0,.9);height:0;left:0;overflow-y:hidden;position:fixed;top:0;transition:.5s;width:100%;z-index:1}.overlay-content{margin-top:auto;position:relative;text-align:center;top:20%;width:100%}.overlay a{color:gold;display:block;font-size:30px;padding:8px;text-decoration:none;transition:.3s}.overlay a:focus,.overlay a:hover{color:#fff}.overlay .closebtn{font-size:60px;position:absolute;right:45px;top:20px}#resume-button-1{border-radius:10px;display:inline-block;font-size:20px;font-weight:700;padding:0 25px;transition:all .3s ease}#resume-button-1:hover{background:url(https://images.unsplash.com/photo-1580822115965-0b2532068eff?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80);color:#fff;transition:all .3s ease}#resume-button-11{border-radius:10px;display:inline-block;font-size:20px;font-weight:700;padding:0 25px;transition:all .3s ease}#resume-button-11:hover{background:url(https://images.unsplash.com/photo-1580822115965-0b2532068eff?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80);color:#fff;transition:all .3s ease}#logodiv{border:1px solid red;height:auto;overflow:hidden;width:200px}#logodiv a img{color:gold;height:55px;width:100%}@media screen and (max-height:450px){.overlay{overflow-y:auto}.overlay a{font-size:20px}.overlay .closebtn{cursor:pointer;font-size:40px;right:35px;top:15px}}@media screen and (max-width:947px){#navComp{display:none}#navName{margin-left:auto}#nav-menu{justify-content:space-between}#mobile{display:block}}@media screen and (max-width:300px){#navName{font-size:28px;margin-left:-30px;margin-top:5px}}
/*# sourceMappingURL=main.fa5bbb0f.css.map*/