@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&family=Ubuntu:ital,wght@0,500;0,700;1,300&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}.about .about-content,.contact .contact-content,.edu .serv-content,.skills .skills-content{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.about .title:after{content:"who i am"}.about .about-content .left{width:45%;display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline;-webkit-justify-content:center;justify-content:center}.about .about-content .left img{height:450px;width:350px;object-fit:cover;border-radius:20px;box-shadow:2px 2px 2px 2px #eca6b4}.about .about-content .right{width:55%}.about .about-content .right .text{font-size:25px;font-weight:600;margin-bottom:10px}.about .about-content .right .text span{color:#dc143c}.about .about-content .right p{text-align:center}.about .about-content .right a{display:inline-block;background:#dc143c;color:#fff;font-size:20px;padding:10px 30px;font-weight:500;margin-top:20px;border-radius:6px;border:2px solid #dc143c;transition:all .3s ease}.about .about-content .right a:hover{color:#dc143c;background:none}@media (min-width:500px) and (max-width:950px){.about .about-content{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly}.about .about-content .left{width:45%;display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline;-webkit-justify-content:center;justify-content:center}.about .about-content .left img{height:320px;width:230px;object-fit:cover;border-radius:20px;box-shadow:2px 2px 2px 2px #eca6b4}.about .about-content .right{width:55%}.about .about-content .right .text{font-size:23px;font-weight:600;margin-bottom:10px}}@media (max-width:500px){.about .about-content{-webkit-flex-direction:column;flex-direction:column}.about .about-content,.about .about-content .left{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.about .about-content .left{width:100%;margin-bottom:40px;display:-webkit-flex;display:flex}.about .about-content .left img{height:320px;width:200px;object-fit:contain;border-radius:20px;box-shadow:2px 2px 2px 2px #eca6b4}.about .about-content .right{width:100%;-webkit-flex-direction:column;flex-direction:column;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.about .about-content .right .text{text-align:center;font-size:20px;font-weight:600;margin-bottom:10px}}.home{display:-webkit-flex;display:flex;background:#000;background-image:radial-gradient(circle at center,#2c2a2a 0,#222 10%,#000 60%);overflow:hidden;height:90vh;color:#fff;min-height:500px;font-family:"Ubuntu",sans-serif}.home .max-width{margin:auto 0 auto 40px}.home .home-content .text-1{font-size:27px}.home .home-content .text-2{font-size:75px;font-weight:600;margin-left:-3px}.home .home-content .text-3{font-size:40px;margin:5px 0}.home .home-content .text-3 span{color:#dc143c;font-weight:500}.home .home-content a{display:inline-block;background:#dc143c;color:#fff;font-size:25px;padding:12px 36px;margin-top:20px;border-radius:6px;border:2px solid #dc143c;transition:all .3s ease}.home .home-content a:hover{color:#dc143c;background:none}.more{text-decoration:none}.title{text-align:center;position:relative;font-size:40px;font-weight:500;margin-bottom:60px;padding-bottom:20px;font-family:"Ubuntu",sans-serif}.title:before{content:"";width:180px;height:3px;bottom:0;background:#111}.title:after,.title:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.title:after{padding:5px;bottom:-12px;font-size:20px;content:"get in touch";color:#dc143c;background:#fff}.contact{border-top:solid #e9e4e4;-webkit-justify-content:center;justify-content:center;margin-bottom:50px}.contact,.contact-content{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.contact-content{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.contact .contact-content .column{width:calc(50% - 30px)}.contact .contact-content .left p{text-align:justify}.text{font-size:20px;font-weight:600;margin-bottom:10px}.contact .contact-content .left .icons .icom{margin:10px 0}.contact .contact-content .row{height:35px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:25px}.contact .contact-content .row .info{margin-left:30px}.contact .contact-content .row .icom{font-size:25px;color:#dc143c}.contact .contact-content .row .info .head{font-weight:500}.contact .contact-content .row .info .sub-title{color:#333}.contact .right form .fields{display:-webkit-flex;display:flex}.contact .right form .textarea{height:80px;width:100%}.contact .right form .field,.contact .right form .fields .field{height:45px;width:100%;padding:10px;margin-bottom:15px}.contact .right form .name{margin-right:10px}.contact .right form .email{margin-left:10px}.contact .right form .field input,.contact .right form .textarea textarea{height:100%;width:100%;border:1px solid #d3d3d3;border-radius:6px;outline:none;padding:0 15px;font-size:17px;font-family:"Poppins",sans-serif}.contact .right form .textarea textarea{padding-top:10px;resize:none}.contact .right form .button{width:170px;height:47px}.contact .right form .button button{width:100%;height:100%;border:2px solid #dc143c;background:#dc143c;color:#fff;border-radius:6px;font-size:20px;font-weight:500;transition:all .3s ease;cursor:pointer}.contact .right form .button button:hover{background:none;color:#dc143c}@media (max-width:600px){.contact-content{-webkit-flex-direction:column;flex-direction:column}.column-left{width:100%}}.edu .serv-content{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.edu{background:#111;background-image:radial-gradient(circle at center,#2c2a2a 0,#222 10%,#000 60%);color:#fff}.edu .title:before,.teams .title:before{background:#fff}.edu .title:after,.teams .title:after{background:#111;content:"my schooling"}.edu .serv-content .card{width:calc(40% - 20px);background:#222;text-align:center;border-radius:6px;padding:20px 25px;cursor:pointer;transition:all .3s ease;margin:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.edu .serv-content .card:hover{background:#dc143c}.edu .serv-content .card .box{transition:all .3s ease}.edu .serv-content .card:hover .box{-webkit-transform:scale(.99);transform:scale(.99)}.edu .serv-content .card i{font-size:50px;color:#dc143c;transition:color .3s ease}.edu .serv-content .card:hover i{color:#fff}.edu .serv-content .card .text{font-size:25px;font-weight:500;margin:10px 0 7px}@media (min-width:700px) and (max-width:1090px){.edu .serv-content .card{height:250px;display:-webkit-flex;display:flex}}@media (max-width:550px){.edu .serv-content .card{height:250px;width:450px}}footer{background:#111;padding:20px 23px;color:#fff;text-align:center}footer span a{color:#dc143c;text-decoration:none}footer span a:hover{text-decoration:underline}.navbar{background:#f53b60;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.navbar>.logo a{font-size:40px;font-weight:200;color:#292424;src:url(https://fonts.googleapis.com/css2?display=swap&family=Italianno);font-family:"Italianno",cursive;text-decoration:none}.navbar>.logo{width:30%;height:100%;text-align:left}.navbar>.menu{height:100%;width:60%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly}.navbar>.menu>li{list-style:none;display:inline-block}.navbar>.menu>li>.nav-item{text-decoration:none;color:#fff;font-size:25px;font-weight:300;padding:17px;border-radius:8px;font-family:"Great Vibes",cursive;src:url(https://fonts.googleapis.com/css2?display=swap&family=Great+Vibes&family=New+Tegomin)}.navbar>.menu>li>.nav-item:hover{color:grey}.navbar.sticky .menu li a:hover{color:#fff}.pro-contain .title:before{background:#fff}.pro-contain .title:after{background:#111;content:"my Projects"}.pro-contain{margin-top:5%;background-color:#000;background-image:radial-gradient(circle at center,#2c2a2a 0,#222 10%,#000 60%);color:#fff;text-align:center}.projects{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly}.projects,.projects .overlay{width:100%;height:100%;display:-webkit-flex;display:flex}.projects .overlay{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;font-size:25px;font-weight:700;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:.9s ease;background-color:#0d0d0d}.projects .overlay:hover{opacity:.9}.pro-contain>.projects>.card1>.overlay>span{font-size:10px}.card1{-webkit-animation:fadeIn;animation:fadeIn;background-color:#fff;color:#fff;height:10rem;overflow:hidden;position:relative;border:solid #000;border-radius:15px;height:250px;width:400px;margin:20px}.card1:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:2s}#pro1{background-image:url(/Portfolio/static/media/pro1img.827ca3b6.png)}#pro1,#pro2{background-size:cover}#pro2{background-image:url(/Portfolio/static/media/pro2img.0ad65955.png)}#pro3{background-image:url(/Portfolio/static/media/pro3img.2ad61fdf.png);background-size:cover}@media (max-width:400px){.card1{height:180px;width:280px}}.skills .title:after{content:"what i know"}.skills{border-top:solid #e6dfdf;margin-bottom:50px}.skills .skills-content .column{width:calc(50% - 30px)}.skills .skills-content .left .text{font-size:35px;font-weight:600;margin-bottom:10px}.skills .skills-content .left p{text-align:justify;font-size:20px}.skills .skills-content .left a:hover{color:#dc143c;background:none}.skills .skills-content .right .bars{margin-bottom:15px}.skills .skills-content .right .info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:5px;-webkit-justify-content:space-between;justify-content:space-between}.skills .skills-content .right span{font-weight:500;font-size:18px}.skills .skills-content .right .line{height:5px;width:100%;background:#d3d3d3;position:relative}.skills .skills-content .right .line:before{content:"";height:100%;position:absolute;left:0;top:0;background:#dc143c}.skills .skills-content .right .html:before{width:90%}.skills .skills-content .right .css:before,.skills .skills-content .right .java:before{width:80%}.skills .skills-content .right .js:before{width:40%}.skills .skills-content .right .python:before{width:70%}.skills .skills-content .right .C:before{width:50%}.icom{padding:10px}.i{font-size:30px;padding:5px;color:#dc143c}.i:hover{background-color:#dc143c;color:#fff;border-radius:15px}
/*# sourceMappingURL=main.a432f9cf.chunk.css.map */