*{box-sizing:border-box;font-family:Ubuntu,sans-serif;margin:0;padding:0}.link{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#e18a8a}::-webkit-scrollbar-thumb{background:#db0909;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b30000}.navbar{align-items:center;background-color:#f3c5c5;color:gray;display:flex;position:-webkit-sticky;position:sticky;top:0}.navbar .navbarlogo img{cursor:pointer;height:100px;width:250px}.navbar .container{display:flex;justify-content:center;list-style:none;width:80vw}.navbar .container li{align-items:center;display:flex;flex-direction:column}.navbar .container li .round{background-color:transparent;border-radius:50%;height:5px;transition:all .3s ease-in-out;width:5px}.navbar .container li .round:hover,.navbar .container li:hover .round{background-color:blue}.navbar .container .a{font-size:20px;margin:5px 20px;text-transform:uppercase;transition:all .3s ease-in-out}.navbar .container .a:hover{color:blue}@media screen and (max-width:900px){.navbar .container{display:none}}.navbar-menu .insidebtns{background:url(/static/media/bgWhite.79658cadae50b3b16ee5.png);background-color:#f3c5c5;background-repeat:repeat;background-size:cover;box-shadow:0 0 5px 0;display:flex;font-size:26px;height:100vh;justify-content:center;position:fixed;right:0;top:0;width:100%;z-index:10}.navbar-menu .insidebtns ul{padding-top:30px}.navbar-menu .insidebtns li{list-style:none;margin-top:20px;padding:20px 30px;text-transform:uppercase}.navbar-menu .insidebtns li a{transition:all .3s ease-in-out}.navbar-menu .insidebtns li a:hover{color:blue}.navbar-menu .insidebtns .closebtn{position:fixed;right:30px;top:30px}.navbar-menu .menubtn{background-color:#21216d;border-radius:50%;color:#fff;cursor:pointer;height:40px;padding:8px;position:fixed;right:20px;top:20px;width:40px;z-index:10}@media screen and (min-width:900px){.navbar-menu{display:none}}.copyright{background-color:#f3c5c5;color:#000;font-size:18px;justify-content:space-around;padding:20px 0}.copyright,.copyright .dec p{align-items:center;display:flex}.copyright .social .icon{margin:0 15px}.copyright .icon{cursor:pointer;margin:0 5px;width:20px}@media screen and (max-width:900px){.copyright{flex-direction:column;padding-top:10px}.copyright div{margin:5px 0}}.resume .container{align-items:center;background-color:#f3e2e2;display:flex;flex-direction:column}.resume .container .download{align-items:center;background-color:#27277c;border-radius:12px;color:#fff;display:flex;font-size:20px;justify-content:space-between;margin:40px 0;padding:15px;transition:all .5s ease-in-out;width:230px}.resume .container .download:hover{box-shadow:0 0 15px #1a1a5c}.resume .container .resumeimg{object-fit:cover;width:70vw}.about{background:url(/static/media/bgWhite.79658cadae50b3b16ee5.png);background-repeat:repeat;background-size:cover}.about .container{align-items:center;display:flex;justify-content:space-between;margin:20px 0;padding:40px 80px}@media screen and (max-width:900px){.about .container{margin:0;padding:20px}}.about .left{flex:2 1}.about .left h1{color:#4c4b4b;font-size:36px;margin-bottom:60px;text-align:center}.about .left h1 span{color:#b52525}.about .left p{color:#1f1e1e;font-size:20px;line-height:1.6;margin:20px 0}.about .left p span{color:#b52525;font-weight:700}.about .left p ul{margin-left:20px}.about .left p ul li{list-style:disc}.about .right{flex:1 1}.about .right img{margin-left:80px;width:250px}@media screen and (max-width:900px){.about .right{display:none}}.about .container2{background:#f5eaea}.about .container2 h1{color:#585858;font-size:38px;margin:40px;padding-top:50px;text-align:center}.about .container2 h1 span{color:#b52525}.about .container2 .skills{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 100px}.about .container2 .skills .logo{align-items:center;border:1.8px solid #e90000;border-radius:8px;cursor:pointer;display:flex;height:130px;justify-content:center;margin:20px;transition:all .5s ease-in-out;width:220px}.about .container2 .skills .logo:hover{box-shadow:0 0 10px red}.about .container2 .skills img{width:80px}.about .container3 h1{color:#585858;font-size:38px;margin:40px;text-align:center}.about .container3 h1 span{color:#b52525}.about .container3 .tools{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 100px 40px}.about .container3 .tools .logo{align-items:center;border:1.8px solid #e90000;border-radius:8px;cursor:pointer;display:flex;height:130px;justify-content:center;margin:20px;transition:all .5s ease-in-out;width:220px}.about .container3 .tools .logo:hover{box-shadow:0 0 10px red}.about .container3 .tools img{width:80px}.contact{align-items:center;background:url(/static/media/bgWhite.79658cadae50b3b16ee5.png);background-repeat:repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center}.contact hr{background-color:red;height:100%;width:103%}.contact .container h1{font-size:38px;margin:20px 0;text-align:center}.contact .container h1 span{color:#b52525}.contact .container .mp{display:flex;flex-wrap:wrap;justify-content:space-evenly}.contact .container .mp div{align-items:center;background-color:#fed9d9;border-radius:12px;display:flex;font-size:17px;padding:15px;width:250px}.contact .container .mp div img{margin-right:15px}@media screen and (max-width:500px){.contact .container .mp div{margin:10px 0}}.contact .container p{color:#5e5c5c;margin-left:5px;padding:25px}.contact .container .messageme{align-items:center;display:flex;flex-direction:column}.contact .container .messageme input,.contact .container .messageme textarea{background-color:#fed9d9;border:none;border-radius:8px;font-size:16px;margin:10px 0;outline:none;padding:15px;width:80vw}.contact .container .messageme textarea{resize:none}.contact .container .messageme .btn{align-items:center;display:flex;justify-content:center}.contact .container .messageme .btn .button{background-color:#27277c;border:none;border-radius:8px;color:#fff;cursor:pointer;height:40px;margin-bottom:60px;margin-top:10px;transition:all .5s ease-in-out;width:180px}.contact .container .messageme .btn .button:hover{box-shadow:0 0 15px #0a0aae}.contact .container img{width:40px}.contact .connectwithme{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact .connectwithme h2{color:#5c5b5b;font-size:44px;font-weight:400;margin:0;text-transform:uppercase}.contact .connectwithme h2 span{color:#b52525}.contact .connectwithme .social .icon{border-radius:50%;cursor:pointer;height:40px;margin:0 20px 40px;padding:5px;transition:all .5s ease-in-out;width:40px}.contact .connectwithme .social .icon:hover{background-color:#000;box-shadow:0 0 25px red;color:#fff}.header{background:url(/static/media/bgWhite.79658cadae50b3b16ee5.png);background-repeat:repeat;background-size:cover}.header .container{display:flex;justify-content:space-around}.header .boxes{align-items:flex-end;display:flex;flex-direction:column}.header .boxes .box1{align-items:center;border-radius:12px;box-shadow:0 0 8px 0;display:flex;height:10vw;justify-content:space-evenly;margin:60px 0;padding:10px;width:24vw}.header .boxes .box1 .wave{font-size:4vw;margin-right:10px}.header .boxes .box1 .hello{color:gray;display:flex;flex-direction:column;font-size:1.5vw;padding-right:20px}.header .boxes .box1 .hello .name{color:#b52525;font-size:4vw;font-weight:700}.header .boxes .box2{align-items:flex-end;border-radius:12px;box-shadow:0 0 8px 0;color:gray;display:flex;flex-direction:column;font-size:1.5vw;font-weight:700;padding:10px;width:18vw}.header .boxes .box2 div{padding:5px}.header .right{display:flex}.header .skill{margin-top:50px}.header .skill .skillimg{align-items:center;border-radius:50%;box-shadow:0 0 25px #cb7382;display:flex;height:4vw;justify-content:center;transition:all .5s ease-in-out;width:4vw}.header .skill .skillimg:hover{box-shadow:0 0 50px #d63f59}.header .skill .j,.header .skill .r{height:5vw;margin-left:60px;margin-top:20px;width:5vw}.header .skill .j img,.header .skill .r img{height:5vw;width:5vw}.header .skill .s{margin-top:30px}.header .skill .s,.header .skill .s img{height:7vw;width:7vw}.header .skill .h,.header .skill .ja{margin-left:150px}.header .skill .h img,.header .skill .ja img{height:4vw;width:4vw}.header .skill .ja{margin-top:20px}.header .skill img{cursor:pointer;height:50px;padding:10px;width:50px}.header .imgcontainer .imground{align-items:center;background-color:#fafaff;border-radius:50%;box-shadow:0 0 25px;color:red;display:flex;height:32vw;justify-content:center;margin-top:40px;width:32vw}.header .imgcontainer .imground .mypic{border-radius:50%;height:28vw;object-fit:cover;width:28vw}.header .intro{align-items:center;display:flex;flex-direction:row-reverse;margin-top:50px;padding:100px}.header .intro .content h1{color:#4f4e4e;font-size:36px;margin:30px 0 50px;text-align:center;text-transform:uppercase}.header .intro .content h1 span{color:#b52525}.header .intro .content p{font-size:20px;margin:25px 0;word-spacing:1.5px}.header .intro .content p span{color:#b52525;font-weight:700}.header .intro .image img{width:38vw}.header .connectwithme{align-items:center;display:flex;flex-direction:column;justify-content:center}.header .connectwithme h2{color:#5c5b5b;font-size:44px;font-weight:400;margin:0;text-transform:uppercase}.header .connectwithme h2 span{color:#b52525}.header .connectwithme p{margin:20px 0}.header .connectwithme .social .icon{border-radius:50%;cursor:pointer;height:40px;margin:0 20px 40px;padding:5px;transition:all .5s ease-in-out;width:40px}.header .connectwithme .social .icon:hover{background-color:#000;box-shadow:0 0 25px red;color:#fff}@media screen and (max-width:900px){.header .container{flex-direction:column}.header .boxes{justify-content:center;margin-right:10vw}.header .boxes .box1{height:100px;width:200px}.header .boxes .box1 .wave{font-size:40px}.header .boxes .box1 .hello{font-size:20px}.header .boxes .box1 .hello .name{font-size:36px}.header .boxes .box2{font-size:18px;width:250px}.header .right{align-items:center;flex-direction:column-reverse;justify-content:center}.header .right .skill{display:flex;margin-top:0}.header .right .skill .skillimg{box-shadow:0 0 15px #cb7382}.header .right .skill .h,.header .right .skill .ja{height:12vw;margin-left:0;margin-top:0;width:12vw}.header .right .skill .h img,.header .right .skill .ja img{height:12vw;width:12vw}.header .right .skill .j,.header .right .skill .r{height:14vw;margin:35px 15px;width:14vw}.header .right .skill .j img,.header .right .skill .r img{height:14vw;width:14vw}.header .right .skill .s{height:17vw;margin:60px 20px;width:17vw}.header .right .skill .s img{height:17vw;width:17vw}.header .right .imgcontainer .imground{height:80vw;width:80vw}.header .right .imgcontainer .imground .mypic{height:70vw;width:70vw}.header .intro{flex-direction:column;padding:20px}.header .intro .image img{width:90vw}}.projects{background:url(/static/media/bgWhite.79658cadae50b3b16ee5.png);background-repeat:repeat;background-size:cover}.projects .headers{padding-top:50px;text-align:center}.projects .headers h1{font-size:38px}.projects .headers h1 span{color:#b52525}.projects .headers p{margin:10px 0}.projects .work{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;padding:50px 0}.projects .work .project1,.projects .work .project2{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 5px red;display:flex;flex-direction:column;height:600px;padding:20px;transition:all .5s ease-in-out;width:400px}.projects .work .project1:hover,.projects .work .project2:hover{box-shadow:0 0 15px red}.projects .work .project1 img,.projects .work .project2 img{border-radius:20px;box-shadow:0 0 10px #d14099;height:200px;width:360px}.projects .work .project1 h2,.projects .work .project2 h2{font-size:30px;margin:20px 0;text-align:center}.projects .work .project1 .logo,.projects .work .project2 .logo{-webkit-text-fill-color:transparent;background:linear-gradient(to bottom right,#ffd500,#00ff26);-webkit-background-clip:text;font-weight:700;letter-spacing:2px}.projects .work .project1 p,.projects .work .project2 p{line-height:25px;text-align:justify;text-indent:40px;word-spacing:2px}.projects .work .project1 p span,.projects .work .project2 p span{color:#b52525;font-weight:700}.projects .work .project1 .btns,.projects .work .project2 .btns{display:flex;margin-top:20px}.projects .work .project1 .btns button,.projects .work .project2 .btns button{align-items:center;background-color:#d81111;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin:0 10px;transition:all .3s ease-in-out;width:120px}.projects .work .project1 .btns button:hover,.projects .work .project2 .btns button:hover{background-color:#b91e1e}.projects .work .project1 .btns button .icons,.projects .work .project2 .btns button .icons{font-size:20px;margin-right:10px}@media screen and (max-width:800px){.projects .work .project1,.projects .work .project2{margin-top:60px}}@media screen and (max-width:500px){.projects .work .project1,.projects .work .project2{width:90vw}.projects .work .project1 img,.projects .work .project2 img{width:80vw}}@media screen and (max-width:800px){.projects .work{padding-top:0}}
/*# sourceMappingURL=main.72ef76f5.css.map*/