@import url(https://fonts.googleapis.com/css2?family=Dongle&family=Poppins:wght@200;300;400;500;600&display=swap);#app{height:100vh}#app,#navbar{transition:background-color .6s}#navbar{align-items:center;background-color:#fff;box-shadow:2px 0 6px rgba(0,0,0,.5);display:flex;justify-content:space-between;min-height:56px;position:fixed;top:0;transition:opacity .5s;width:100%;z-index:10}#navbar:hover{opacity:1}#navbar .left a{color:#000;font-size:large;font-weight:700;margin-left:20px;text-decoration:none;transition:color .3s}#navbar .left a:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:.2s}#navbar .right{display:flex;justify-content:space-around}#navbar .right a{color:#000;margin:0 10px;text-decoration:none;transition:color .3s}#navbar .right a:hover{text-decoration:underline;transition:1s}.themeBtn{align-items:center;background-color:#fff;border-radius:50vmax;box-shadow:0 0 2px rgba(0,0,0,.3);display:flex;justify-content:center;margin:0 10px 0 20px;padding:4px 12px}.themeBtn:active{-webkit-transform:scale(.95);transform:scale(.95)}.themeBtn svg{color:#333}.themeBtn.mobile{display:none}@media (max-width:600px){#navbar{flex-direction:column}#navbar .left{box-shadow:2px 0 4px rgba(0,0,0,.5);display:flex;justify-content:space-between;padding:6px 0;width:100%}#navbar .right{padding:6px 0}.themeBtn{display:none}.themeBtn.mobile{display:flex}}#my_img{background:#e2e2e2;border-radius:50vh;box-shadow:0 2px 4px gray;height:350px;transition:all .6s}#about{color:#393232;flex-direction:column;justify-content:center;margin-top:56px;padding:2%;text-align:center;transition:color .3s}#about-txt{font-size:20px;font-weight:400;margin:auto;max-width:600px}#about-head-txt{font-size:24px;white-space:nowrap}@media (min-width:1200px){#my_img{height:70vh}#about{gap:100px}#about-txt{width:40%}}@media (min-width:1000px){#about-txt{font-size:28px;font-weight:400;margin:0;width:45%}#about-head-txt{font-size:32px}#about{align-items:center;color:#393232;display:flex;flex-direction:row;gap:80px;height:85%;justify-content:center;margin-top:2%;padding:10px 30px}#my_img{height:60vh}}#about-txt span{font-weight:600}@media (max-width:600px){#about{margin-top:75px}}#projects{background-color:#1a1a40;color:#fff;margin-top:-2px;padding:2% 5%}#projects h1{text-align:center}#projects-cont{display:flex;flex-wrap:wrap;justify-content:space-between;justify-content:space-around}.project{border-radius:5px;box-shadow:0 0 6px #fff;margin:20px 0;overflow:hidden;padding:1%;position:relative;width:30%;width:400px}.project:hover{box-shadow:0 0 10px #fff;transition:.2s}.project h2{margin:0 0 10px;-webkit-transform:translateY(0);transform:translateY(0)}.project img{width:100%}.project .info{background-color:rgba(0,0,0,.6);height:100%;left:0;margin:0;opacity:0;position:absolute;text-align:center;top:0;transition:all .5s ease-out;width:100%}.project:hover .info{opacity:1}.project .info p{font-size:18px;margin:10% 5% 5%}.project div.info p{opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:all .4s ease-out}.project:hover div.info p{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.project #btn-cont{align-content:center;align-items:center;bottom:10%;display:flex;justify-content:space-around;position:absolute;width:100%}.project #btn-cont a{background-color:#203239;border-radius:5px;color:#fff;font-size:1.5vw;padding:2% 7%;transition:all .5s ease-out}.project #btn-cont a:first-child{left:-200px;position:absolute}.project #btn-cont a:last-child{background-color:#4d77ff;position:absolute;right:-200px}.project:hover #btn-cont a:first-child{left:0;position:relative}.project:hover #btn-cont a:last-child{position:relative;right:0}.project #btn-cont a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:600px){.project .info p{font-size:3vw;margin:10% 5% 5%}.project h2{font-size:4vw}}#skills{background-color:#deeeea;color:#393232;padding:5% 10%}#skill-list{display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto}#skill-list .skill{align-items:center;background-color:#0e185f;border-radius:5px;cursor:pointer;display:flex;font-size:20px;margin:2% 24px;min-width:120px;padding:15px 20px;width:10%}#skill-list .skill .icon{height:auto;width:20px}#skill-list .skill:hover{background-color:#001050}#skill-list .skill img{-webkit-filter:invert(99%) sepia(100%) saturate(2%) hue-rotate(319deg) brightness(107%) contrast(100%);filter:invert(99%) sepia(100%) saturate(2%) hue-rotate(319deg) brightness(107%) contrast(100%)}#skill-list div{color:#fff}#skill-list .icon{margin-right:5px}@media (max-width:600px){#skill-list .skill{font-size:16px;min-width:100px;padding:8px 12px}#skill-list .skill .icon{height:16px}}#footer{background-color:#3a3845;padding:15px 30px 10px}#footer h3{color:#fff;font-weight:300;margin:0 0 10px}#footer .contacts{display:flex;gap:24px}#footer .icon{color:#fff;cursor:pointer;height:30px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:auto}#footer .icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}body,html{scroll-behavior:smooth}body{background-color:#f0f0f0;font-family:Poppins,sans-serif;margin:0}
/*# sourceMappingURL=main.72da5c38.css.map*/