@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-family:"Ubuntu",sans-serif}.App{text-align:center}html{scroll-behavior:smooth}.hide{display:none}.scroll-up-btn{position:fixed;height:45px;width:42px;background-color:#191919;right:30px;bottom:30px;border-radius:6px;z-index:888}.scroll-up-btn .up-btn{height:45px;width:45px;transition:all .3s ease;cursor:pointer;color:#fff;font-size:17px;font-weight:600}.scroll-up-btn .up-btn:hover{transform:scale(1.15)}.main-navbar{display:flex;justify-content:center;align-items:center;position:fixed;top:0;width:100%;transition:all .5s ease}.navbar2{background-color:#191919;padding:6px 0;z-index:9999}.main-navbar .navbar{width:80%}.lio{color:#dc143c;transition:all 1s}.main-navbar .navbar .portfolio{float:left;font-size:26px;color:#fff;margin:30px 0 29px;font-weight:bolder;cursor:pointer}.main-navbar .navbar .MyUl{float:right;list-style-type:none;font-size:20px}.main-navbar .navbar .MyUl li{float:left}.main-navbar .navbar .MyUl li a{color:#fff;display:block;text-align:center;padding:16px;text-decoration:none;transition:color .3s ease}.main-navbar .navbar .MyUl li a:hover{color:#dc143c}.main-navbar .navbar .toggleNavbar{display:none;float:right;font-size:30px;color:#fff;margin:23px 0 0}a:hover{cursor:pointer}.to-hide-ul{display:block;transition:all .3s ease}@media only screen and (max-width:780px){.main-navbar{background-color:#191919}.lio{color:#dc143c}.main-navbar .navbar .toggleNavbar{display:block}.main-navbar .navbar .MyUl{display:grid;width:100%}.main-navbar .navbar .MyUl li a:hover{color:#dc143c}.to-hide-ul{position:fixed;bottom:0;right:-100%;background:#191919;width:100%;height:90%;z-index:9999;transition:all .3s ease}}.showNavbar{right:0}.main-home{display:flex;background:url(/static/media/wood.7e6aef5b.jpg) no-repeat 50%;height:100vh;color:#fff;min-height:500px;justify-content:flex-start;align-items:center;flex-wrap:wrap;background-size:100% 100%;background-repeat:no-repeat}.main-home .home{margin-left:15%;transition:all 1.5s ease-in}.main-home .home .text1{font-size:27px;text-align:start}.main-home .home .text2{font-size:75px;font-weight:600}.main-home .home .text3{font-size:30px}.main-home .home .text3 span{display:block;color:#dc143c;font-weight:600}.main-home .home a{display:inline-block;background:#dc143c;color:#fff;font-size:25px;padding:12px 36px;margin-top:20px;border-radius:6px;border:2px solid #dc143c;text-decoration:none;transition:all .3s ease}.main-home .home a:hover{color:#dc143c;background:none}@media only screen and (max-width:701px){.main-home .home{margin-left:3%;width:97%}.main-home .home .text2{font-size:50px}.main-home .home .text3{margin-left:0;width:100%}.main-home .home a{font-size:20px}}.main-about{padding:100px 0;width:100%}.about{font-family:"Poppins","sans-serif"}.about .tittle{position:relative;font-family:"Ubuntu","sans-serif";font-size:40px;font-weight:500;margin-bottom:60px;padding-bottom:20px}.about .tittle:before{content:"";bottom:0;width:180px;height:3px;background-color:#000}.about .tittle:after,.about .tittle:before{position:absolute;left:50%;transform:translateX(-50%)}.about .tittle:after{content:"Who i am";bottom:-12px;font-size:20px;color:#dc143c;padding:5px;background-color:#fff}.about .left-right-div{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.about .left-right-div .left{width:45%}.about .left-right-div .left img{height:400px;width:400px;border-radius:6px;border:2px solid #dc143c;object-fit:cover}.about .left-right-div .right{width:50%;text-align:start;margin-right:5%}.about .left-right-div .right .text{font-size:25px;font-weight:600}.about .left-right-div .right p{text-align:start}.about .left-right-div .right a{display:inline-block;background:#dc143c;color:#fff;font-size:20px;padding:10px 30px;margin-top:20px;border-radius:6px;border:2px solid #dc143c;text-decoration:none;transition:all .3s ease}.about .left-right-div .right a:hover{color:#dc143c;background:none}@media only screen and (max-width:950px){.about .left-right-div .column{width:100%}.about .left-right-div .left img{height:300px;width:300px}.about .left-right-div .right{display:flex;align-items:center;flex-wrap:wrap;margin:auto;width:80%}}.main-projects{background-color:#111;color:#fff;padding:50px 0}.projects{font-family:"Poppins","sans-serif"}.projects .tittle{position:relative;font-family:"Ubuntu","sans-serif";font-size:40px;font-weight:500;margin-bottom:60px;padding-bottom:20px}.projects .tittle:before{content:"";bottom:0;width:180px;height:3px;background-color:#fff}.projects .tittle:after,.projects .tittle:before{position:absolute;left:50%;transform:translateX(-50%)}.projects .tittle:after{content:"what i did";bottom:-12px;font-size:20px;color:#dc143c;padding:5px;background-color:#111}.projects .all-pro-cards{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-evenly}.projects .all-pro-cards .card{width:40%;background-color:#222;border-radius:6px;padding:20px 25px;cursor:pointer;margin-bottom:60px;transition:all .3s ease}.projects .all-pro-cards .card:hover{transform:scale(1.05);background-color:#dc143c}.projects .all-pro-cards .card:hover .code-icon{color:#fff}.projects .all-pro-cards .card .code-icon{font-size:50px;color:#dc143c;transition:color .3s ease}.card .card-title span{font-size:25px;font-weight:500;margin:10px 0 7px}.projects .all-pro-cards .card:hover a{border:1px solid #fff}.projects .all-pro-cards .card a{text-decoration:none;color:#fff;background-color:#dc143c;padding:1px 20px;border-radius:6px;margin-bottom:10px;transition:all .3s ease}.projects .all-pro-cards .card a:hover{background-color:#fff;color:#dc143c}.projects .all-pro-cards .card .a-code{float:left}.projects .all-pro-cards .card .a-online{float:right}@media only screen and (max-width:1000px){.projects .all-pro-cards .card{width:40%;margin-bottom:60px}}@media only screen and (max-width:601px){.projects .all-pro-cards .card{width:80%;margin-bottom:60px}}.main-contact{background-color:#111;color:#fff;font-family:"Poppins","sans-serif";padding:50px 0}.contact-content{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-evenly}.contact .tittle{position:relative;font-family:"Ubuntu","sans-serif";font-size:40px;font-weight:500;margin-bottom:60px;padding-bottom:20px}.contact .tittle:before{content:"";bottom:0;width:180px;height:3px;background-color:#fff}.contact .tittle:after,.contact .tittle:before{position:absolute;left:50%;transform:translateX(-50%)}.contact .tittle:after{content:"get in touch";bottom:-12px;font-size:20px;color:#dc143c;padding:5px;background-color:#111}.contact .contact-content .column{width:calc(50% - 30px);margin-bottom:30px}.contact-content .left .MuiSvgIcon-root{height:50px;width:50px;color:#dc143c}.left .icons{display:flex;align-items:center;flex-wrap:wrap;justify-content:start;margin-top:10px;margin-left:10%;margin-bottom:20px}.left .icons .info{margin-left:5%;text-align:justify}.left .text,.right .text{font-size:25px;font-weight:500;margin-bottom:10px}.left p{text-align:start}.left .icons .info .head{font-size:20px;font-weight:500}.left .icons .info .sub-title{color:#ffdead}.contact .contact-content .right{text-align:justify;margin-right:10px}.right .fields{display:flex;margin-bottom:20px}.right .field,.right .fields .field{height:45px;width:100%}.right .textarea textarea{height:80px;resize:none}.right .field input,.right .fields .field input,.right .textarea textarea{height:100%;width:100%;border:1px solid #d3d3d3;border-radius:6px;outline:none;font-size:17px;font-family:"Poppins","sans-serif"}.right form .name{margin-right:10px}.right form .email{margin-left:10px}.right form .subject{margin-bottom:20px}.right form .button{margin-top:20px}.right form .button button{float:right;background-color:#dc143c;padding:10px 25px;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:17px;font-family:"Ubuntu","sans-serif";transition:all .3s ease}.right form .button button:hover{background:none;border:1px solid #dc143c;color:#fff;transform:scale(1.05)}@media only screen and (max-width:950px){.contact .contact-content .column{width:80%}}.main-skill{padding:50px 0;width:100%}.skill .tittle{position:relative;font-family:"Ubuntu","sans-serif";font-size:40px;font-weight:500;margin-bottom:60px;padding-bottom:20px}.skill .tittle:before{content:"";bottom:0;width:180px;height:3px;background-color:#000}.skill .tittle:after,.skill .tittle:before{position:absolute;left:50%;transform:translateX(-50%)}.skill .tittle:after{content:"what i know";bottom:-12px;font-size:20px;color:#dc143c;padding:5px;background-color:#fff}.skill .skill-content{display:flex;flex-wrap:wrap;justify-content:space-evenly}.skill .skill-content .column{width:calc(50% - 30px);text-align:justify}.skill .skill-content .left .text{font-size:20px;font-weight:600;margin-bottom:10px}.skill .skill-content .right .bars{margin-bottom:10px;margin-right:20px}.skill .skill-content .right .info{display:flex;align-items:center;justify-content:space-between}.skill .skill-content .right span{font-size:18px;font-weight:600}.skill .skill-content .right .info{margin-bottom:7px}.skill .skill-content .right .line{height:5px;width:100%;background:#d3d3d3;position:relative;border-radius:6px}.skill .skill-content .right .line:before{content:"";height:100%;background:#dc143c;position:absolute;border-radius:6px}.skill-content .right .express:before,.skill-content .right .react:before{width:95%}.skill-content .right .angular:before{width:85%}.skill-content .right .js:before,.skill-content .right .php:before{width:98%}.skill-content .right .css:before,.skill-content .right .html:before,.skill-content .right .mongo:before,.skill-content .right .mysql:before{width:95%}@media only screen and (max-width:950px){.skill .skill-content .column{width:70%;margin-bottom:10px}}
/*# sourceMappingURL=main.b05323f1.chunk.css.map */