@import"https://fonts.googleapis.com/css2?family=Indie+Flower&family=Varela+Round&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Varela Round;scroll-behavior:smooth}body{background:radial-gradient(ellipse at bottom,#0d1d31,#0c0d13)}.stars{z-index:-1}::-webkit-scrollbar{width:100%;height:7px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background-color:#1e242b;border-radius:10px}.about{display:flex;height:100vh;justify-content:center;align-items:center}.about .container{height:70vh;width:70vw;padding:2rem;overflow:scroll;border-radius:20px;box-shadow:2px 2px 5px #fff}.about .container h1{font-size:3.5rem;color:#fff;font-weight:900;text-shadow:2px 2px 3px black}.about .container p{font-size:1.1rem;letter-spacing:1px;color:#fff;margin-top:10px}.about .container p span{font-weight:900;font-size:larger}@media screen and (max-width: 1000px){.about .container{width:90vw}.about .container h1{font-size:2.5rem}}.education{display:flex;height:100vh;justify-content:center;align-items:center}.education .container{height:70vh;width:70vw;padding:2rem;overflow:scroll;border-radius:20px;box-shadow:2px 2px 5px #fff}.education .container h1{font-size:3.5rem;color:#fff;font-weight:900;text-shadow:2px 2px 3px black}.education .container .education__content{display:flex;justify-content:center;align-items:center;margin-top:2rem;flex-wrap:wrap;gap:2rem}.education .container .education__content .education__item{width:300px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border-radius:20px;box-shadow:0 0 2px #fff;transition:all .3s ease-in-out}.education .container .education__content .education__item img{height:5rem;width:5rem;border-radius:50%;box-shadow:2px 2px 2px #000;margin:10px;object-fit:contain}.education .container .education__content .education__item h3,.education .container .education__content .education__item p{text-align:center;margin:10px 0;color:#fff}.education .container .education__content .education__item:hover{box-shadow:0 0 10px #fff;transform:scale(1.05)}@media screen and (max-width: 1000px){.education .container{width:90vw}.education .container h1{font-size:2.5rem}}.home{display:flex;height:100vh;justify-content:center;align-items:center}.home .holder{height:70vh;width:70vw;display:flex;justify-content:space-between}.home .holder .contacts{padding:2rem;display:flex;flex-direction:column;flex:2}.home .holder .contacts .text h1{font-size:3.5rem;color:#fff;font-weight:900;text-shadow:2px 2px 2px black}.home .holder .contacts .text p{font-size:1.5rem;color:#fff;font-style:italic;margin-bottom:2rem;text-shadow:0px 0px 2px black}.home .holder .contacts .contact-holder{display:flex;background-color:#f5f5f5;justify-content:space-around;align-items:center;border-radius:50px;padding:5px;width:70%;box-shadow:2px 2px 2px #000}.home .holder .contacts .contact-holder a{text-decoration:none;transition:all .1s ease-in-out}.home .holder .contacts .contact-holder a img{height:2.5rem;width:2.5rem;border-radius:5px;transition:all .3s ease-in-out}.home .holder .contacts .contact-holder a:hover img{transform:scale(1.1)}.home .holder .contacts .buttons-holder{display:flex}.home .holder .contacts .buttons-holder a{display:block;text-decoration:none;color:#000;background-color:#f5f5f5;padding:1rem;border-radius:10px;margin-right:1rem;margin-top:3rem;font-size:1.3rem;font-weight:900;width:30%;text-align:center;box-shadow:2px 2px 2px #000;transition:all .3s ease-in-out}.home .holder .contacts .buttons-holder a:hover{background-color:#070734;color:#fff}.home .holder .photo{flex:1;height:100%;display:flex;justify-content:center}.home .holder .photo img{height:65%;width:100%;border-radius:50%}@media screen and (max-width: 1230px){.home .holder{flex-direction:column-reverse;height:100%;width:100%;justify-content:center;align-items:center}.home .holder .photo img{width:200px;height:200px;object-fit:contain}}@media screen and (max-width : 610px){.home .holder .contacts .text h1{font-size:2.5rem}.home .holder .contacts .text p{font-size:1.2rem}.home .holder .contacts .contact-holder{width:100%}.home .holder .contacts .contact-holder a img{height:2rem;width:2rem}.home .holder .contacts .buttons-holder{flex-direction:column}.home .holder .contacts .buttons-holder a{width:100%;margin-right:0;margin-top:1rem}}.Loadingpage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:radial-gradient(ellipse at bottom,#0d1d31,#0c0d13);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.Loadingpage .nameplate{height:50%;width:55%;display:flex;flex-direction:column;justify-content:center}.Loadingpage .nameplate .Greet{font-size:4rem}.Loadingpage .nameplate .Greet span{color:#fff}.Loadingpage .nameplate .container{display:flex;justify-content:right}.Loadingpage .nameplate .container p{font-size:2rem;font-weight:bolder}.Loadingpage .nameplate .container .profession{overflow:hidden;height:2.4em}.Loadingpage .nameplate .container .profession h1{font-size:2em;margin-left:10px;padding:0;transition:all .5s ease-in-out}.Loadingpage .nameplate .container .profession .prof1{animation:hide1 5s forwards;color:#fff}.Loadingpage .nameplate .container .profession .prof2{animation:hide2 5s 4s forwards;color:#fff}.Loadingpage .nameplate .container .profession .prof3{animation:hide3 5s 8s forwards;color:#fff}@keyframes hide1{0%{transform:translateY(1em);opacity:0}50%{transform:translateY(0);opacity:1}to{transform:translateY(-1.2em);opacity:0}}@keyframes hide2{0%{transform:translateY(0);opacity:0}50%{transform:translateY(-1.2em);opacity:1}to{transform:translateY(-2.4em);opacity:0}}@keyframes hide3{0%{transform:translateY(-1.3em);opacity:0}50%{transform:translateY(-2.4em);opacity:1}to{transform:translateY(-3.9em);opacity:0}}@media screen and (max-width: 1200px){.Loadingpage .nameplate .Greet{margin:0 auto;font-size:2rem}.Loadingpage .nameplate .container{justify-content:center}}@media screen and (max-width: 800px){.Loadingpage .nameplate{width:100%}.Loadingpage .nameplate .container .profession{height:2em}.Loadingpage .nameplate .container .profession h1{font-size:1.5em}}@media screen and (max-width: 400px){.Loadingpage .nameplate .Greet{font-size:1.5rem}.Loadingpage .nameplate .container .profession{height:1.3em}.Loadingpage .nameplate .container .profession p{font-size:10px;font-weight:400}.Loadingpage .nameplate .container .profession h1{font-size:1.1em}}.Technicalskills{display:flex;height:100vh;justify-content:center;align-items:center}.Technicalskills .container{height:70vh;width:70vw;padding:2rem;overflow:scroll;border-radius:20px;box-shadow:2px 2px 5px #fff}.Technicalskills .container h1{font-size:3.5rem;color:#fff;font-weight:900;text-shadow:2px 2px 3px black}.Technicalskills .container .languages{margin-top:10px;height:90%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2rem}.Technicalskills .container .languages figure{height:100px;width:100px;transition:all .5s ease;box-shadow:2px 2px 5px #000;border-radius:20px}.Technicalskills .container .languages figure img{height:100%;width:100%;object-fit:scale-down;border-radius:20px}.Technicalskills .container .languages figure figcaption{text-align:center;font-weight:700;margin-top:5px;color:#fff}.Technicalskills .container .languages figure:hover{transform:scale(1.1)}@media screen and (max-width: 1000px){.Technicalskills .container{width:90vw}.Technicalskills .container h1{font-size:2.5rem}.Technicalskills .container .languages{gap:2rem}.Technicalskills .container .languages figure{height:80px;width:80px}}.projects{display:flex;height:100vh;justify-content:center;align-items:center}.projects .container{width:70vw;height:90vh;padding:2rem;overflow:scroll;border-radius:20px;box-shadow:2px 2px 5px #fff}.projects .container h1{font-size:3.5rem;color:#fff;font-weight:900;text-shadow:2px 2px 3px black}.projects .container .option-menu{display:flex;justify-content:space-between;width:50%;padding:5px;margin:20px auto;border:2px solid white;border-radius:20px;font-size:20px}.projects .container .option-menu .option{cursor:pointer;transition:all .3s ease;width:90px;text-align:center;font-weight:700;color:#fff;align-self:center;border-radius:20px}.projects .container .option-menu .option:hover,.projects .container .option-menu .option.active{background-color:#00008b;border:2px solid darkblue;border-radius:20px}.projects .container .projects-container{display:flex;flex-wrap:wrap;gap:5%;justify-content:center}.projects .container .projects-container figure{max-height:300px;max-width:250px;margin:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:20px;border:3px solid white;transition:all .5s ease}.projects .container .projects-container figure .projectimg{height:95%;width:95%;object-fit:contain;border-radius:20px;transition:all .3s ease-in-out}.projects .container .projects-container figure figcaption{margin:20px 0;font-size:1rem;text-align:center;color:#fff}.projects .container .projects-container figure .links{position:relative;height:0px;bottom:60%;opacity:0;transition:all .3s ease-in-out}.projects .container .projects-container figure .links a img{height:calc(100vw /30);width:height;margin:10px;transition:all .3s ease-in-out}.projects .container .projects-container figure .links a img:hover{transform:scale(1.1)}.projects .container .projects-container figure:hover{border:3px solid white}.projects .container .projects-container figure:hover .projectimg{opacity:0}.projects .container .projects-container figure:hover .links{opacity:1}@media screen and (max-width: 1000px){.projects .container{width:90vw}.projects .container h1{font-size:2.5rem}.projects .container .option-menu{width:90%;font-size:small}}.footer{background-color:#000;height:50px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:lighter;letter-spacing:1px}.stars{position:fixed;top:-100px;left:120px;width:100%;height:120%;transform:rotate(-45deg)}.star{--star-color: white;--star-tail-length: 6em;--star-tail-height: 2px;--star-width: calc(var(--star-tail-length) / 6);--fall-duration: 9s;--tail-fade-duration: var(--fall-duration);position:absolute;top:var(--top-offset);left:0;width:var(--star-tail-length);height:var(--star-tail-height);color:var(--star-color);background:linear-gradient(45deg,currentColor,transparent);border-radius:50%;filter:drop-shadow(0 0 6px currentColor);transform:translate3d(104em,0,0);animation:fall var(--fall-duration) var(--fall-delay) linear infinite,tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite}@media screen and (max-width: 750px){.star{animation:fall var(--fall-duration) var(--fall-delay) linear infinite}}.star:nth-child(1){--star-tail-length: 5.96em;--top-offset: 80.53vh;--fall-duration: 11.678s;--fall-delay: 4.144s}.star:nth-child(2){--star-tail-length: 6.52em;--top-offset: 8.48vh;--fall-duration: 9.484s;--fall-delay: 1.074s}.star:nth-child(3){--star-tail-length: 7.47em;--top-offset: 59.21vh;--fall-duration: 8.934s;--fall-delay: 2.812s}.star:nth-child(4){--star-tail-length: 5.81em;--top-offset: 33.47vh;--fall-duration: 11.707s;--fall-delay: 5.714s}.star:nth-child(5){--star-tail-length: 6.7em;--top-offset: 60.52vh;--fall-duration: 7.453s;--fall-delay: 9.643s}.star:nth-child(6){--star-tail-length: 6.74em;--top-offset: 54.24vh;--fall-duration: 9.71s;--fall-delay: 8.598s}.star:nth-child(7){--star-tail-length: 6.44em;--top-offset: 53vh;--fall-duration: 8.958s;--fall-delay: 4.388s}.star:nth-child(8){--star-tail-length: 6.89em;--top-offset: 29.76vh;--fall-duration: 9.646s;--fall-delay: 3.53s}.star:nth-child(9){--star-tail-length: 6.57em;--top-offset: 17.41vh;--fall-duration: 6.612s;--fall-delay: 2.893s}.star:nth-child(10){--star-tail-length: 5.32em;--top-offset: 90.6vh;--fall-duration: 8.003s;--fall-delay: 8.51s}.star:nth-child(11){--star-tail-length: 7.39em;--top-offset: 73.66vh;--fall-duration: 7.948s;--fall-delay: 6.966s}.star:nth-child(12){--star-tail-length: 5.98em;--top-offset: 60.62vh;--fall-duration: 6.263s;--fall-delay: 4.07s}.star:nth-child(13){--star-tail-length: 6.03em;--top-offset: 33.99vh;--fall-duration: 11.008s;--fall-delay: 6.881s}.star:nth-child(14){--star-tail-length: 7.03em;--top-offset: 74.38vh;--fall-duration: 6.725s;--fall-delay: 9.758s}.star:nth-child(15){--star-tail-length: 7.28em;--top-offset: 64.49vh;--fall-duration: 10.544s;--fall-delay: 2.916s}.star:nth-child(16){--star-tail-length: 5.21em;--top-offset: 40.8vh;--fall-duration: 7.943s;--fall-delay: 9.137s}.star:nth-child(17){--star-tail-length: 6.54em;--top-offset: 62.51vh;--fall-duration: 9.057s;--fall-delay: .44s}.star:nth-child(18){--star-tail-length: 5.52em;--top-offset: 28.34vh;--fall-duration: 7.754s;--fall-delay: 7.113s}.star:nth-child(19){--star-tail-length: 5.58em;--top-offset: 10.62vh;--fall-duration: 6.526s;--fall-delay: 2.268s}.star:nth-child(20){--star-tail-length: 6.82em;--top-offset: 49.16vh;--fall-duration: 6.33s;--fall-delay: 3.334s}.star:nth-child(21){--star-tail-length: 5.75em;--top-offset: 78.96vh;--fall-duration: 8.741s;--fall-delay: 9.557s}.star:nth-child(22){--star-tail-length: 7.38em;--top-offset: 96.94vh;--fall-duration: 6.416s;--fall-delay: 6.072s}.star:nth-child(23){--star-tail-length: 5.03em;--top-offset: 46.95vh;--fall-duration: 11.499s;--fall-delay: 4.937s}.star:nth-child(24){--star-tail-length: 6.38em;--top-offset: 7.12vh;--fall-duration: 11.468s;--fall-delay: 4.078s}.star:nth-child(25){--star-tail-length: 5.27em;--top-offset: 81.79vh;--fall-duration: 10.662s;--fall-delay: 3.718s}.star:nth-child(26){--star-tail-length: 5.1em;--top-offset: 86.87vh;--fall-duration: 9.158s;--fall-delay: 5.791s}.star:nth-child(27){--star-tail-length: 5.69em;--top-offset: 31.91vh;--fall-duration: 7.394s;--fall-delay: 1.055s}.star:nth-child(28){--star-tail-length: 6.69em;--top-offset: 23.97vh;--fall-duration: 8.243s;--fall-delay: 4.652s}.star:nth-child(29){--star-tail-length: 7.08em;--top-offset: 97.1vh;--fall-duration: 11.506s;--fall-delay: 4.437s}.star:nth-child(30){--star-tail-length: 6.11em;--top-offset: 33.93vh;--fall-duration: 8.088s;--fall-delay: 4.315s}.star:nth-child(31){--star-tail-length: 7.31em;--top-offset: 50vh;--fall-duration: 7.756s;--fall-delay: 5.514s}.star:nth-child(32){--star-tail-length: 7.22em;--top-offset: 23.1vh;--fall-duration: 6.502s;--fall-delay: 3.719s}.star:nth-child(33){--star-tail-length: 7.15em;--top-offset: 81.04vh;--fall-duration: 11.599s;--fall-delay: 2.628s}.star:nth-child(34){--star-tail-length: 7.41em;--top-offset: 38.19vh;--fall-duration: 9.107s;--fall-delay: 2.826s}.star:nth-child(35){--star-tail-length: 6.49em;--top-offset: 41.82vh;--fall-duration: 9.821s;--fall-delay: 5.197s}.star:nth-child(36){--star-tail-length: 7.07em;--top-offset: 50.3vh;--fall-duration: 10.79s;--fall-delay: 8.563s}.star:nth-child(37){--star-tail-length: 6.95em;--top-offset: 9.38vh;--fall-duration: 7.232s;--fall-delay: 3.021s}.star:nth-child(38){--star-tail-length: 5.65em;--top-offset: .57vh;--fall-duration: 10.147s;--fall-delay: 1.248s}.star:nth-child(39){--star-tail-length: 5.62em;--top-offset: 8.89vh;--fall-duration: 8.431s;--fall-delay: 4.982s}.star:nth-child(40){--star-tail-length: 5.93em;--top-offset: 93.85vh;--fall-duration: 10.994s;--fall-delay: 6.456s}.star:nth-child(41){--star-tail-length: 5.95em;--top-offset: 3.26vh;--fall-duration: 8.036s;--fall-delay: 7.498s}.star:nth-child(42){--star-tail-length: 7.5em;--top-offset: .91vh;--fall-duration: 6.496s;--fall-delay: 7.235s}.star:nth-child(43){--star-tail-length: 5.69em;--top-offset: 10.89vh;--fall-duration: 11.272s;--fall-delay: 7.396s}.star:nth-child(44){--star-tail-length: 5.18em;--top-offset: 76.83vh;--fall-duration: 10.736s;--fall-delay: 6.47s}.star:nth-child(45){--star-tail-length: 6.98em;--top-offset: 73.45vh;--fall-duration: 8.893s;--fall-delay: 6.891s}.star:nth-child(46){--star-tail-length: 6.74em;--top-offset: 91.05vh;--fall-duration: 10.831s;--fall-delay: 2.604s}.star:nth-child(47){--star-tail-length: 6.04em;--top-offset: 92.34vh;--fall-duration: 7.505s;--fall-delay: 3.553s}.star:nth-child(48){--star-tail-length: 5.13em;--top-offset: 38.15vh;--fall-duration: 11.012s;--fall-delay: 4.916s}.star:nth-child(49){--star-tail-length: 5.6em;--top-offset: 22.2vh;--fall-duration: 10.848s;--fall-delay: 8.604s}.star:nth-child(50){--star-tail-length: 5.15em;--top-offset: 55.67vh;--fall-duration: 6.911s;--fall-delay: 7.163s}.star:before,.star:after{position:absolute;content:"";top:0;left:calc(var(--star-width) / -2);width:var(--star-width);height:100%;background:linear-gradient(45deg,transparent,currentColor,transparent);border-radius:inherit;animation:blink 2s linear infinite}.star:before{transform:rotate(45deg)}.star:after{transform:rotate(-45deg)}@keyframes fall{to{transform:translate3d(-30em,0,0)}}@keyframes tail-fade{0%,50%{width:var(--star-tail-length);opacity:1}70%,80%{width:0;opacity:.4}to{width:0;opacity:0}}@keyframes blink{50%{opacity:.6}}.navbar{position:sticky;top:0;color:#fff;width:100vw;padding:10px;display:flex;justify-content:center;align-items:center;z-index:999}.navbar .container{display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:30px;padding:5px 10px}.navbar .container a{color:#fff;text-decoration:none;margin:0 2rem;transition:all .3s ease}.navbar .container a img{width:30px;height:30px}.navbar .container a:hover{transform:scale(1.1)}@media screen and (max-width: 516px){.navbar .container a{margin:0 1rem}}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.contact h1{font-size:5rem;color:#fff}.contact p{width:60%;font-size:2rem;color:#fff;font-weight:lighter;text-align:center;font-style:italic}.contact p a{text-decoration:none;font-weight:900}@media screen and (max-width: 768px){.contact h1{font-size:3rem}.contact p{width:80%;font-size:1.5rem}}.chatbot{height:80px;width:80px;border-radius:50%;background-image:url(https://cdn-icons-png.flaticon.com/128/8943/8943377.png);background-size:cover;border:2px solid #000;position:absolute;bottom:20px;right:20px;cursor:pointer;animation:jump .5s infinite}.chatbot:hover{animation:none}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.chat-room{position:absolute;top:0;left:0;z-index:1000;height:100Vh;width:100vw;background-color:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;flex-direction:column}.chat-room h1{color:#fff;font-size:4rem;margin-bottom:20px}.chat-room .chat-box{height:70vh;width:50vw;border-radius:10px;display:flex;flex-direction:column}.chat-room .chat-box .chats{display:flex;flex-direction:column;height:90%;width:100%;overflow-y:scroll;scrollbar-width:none;border-radius:10px;box-shadow:2px 2px 5px 2px #000;background-color:#fff;margin-bottom:10px}.chat-room .chat-box .chats .message{display:flex;min-width:20%;max-width:70%;padding:10px 20px;margin-top:10px;align-items:center;border-radius:10px;background-color:#fff;box-shadow:2px 2px 5px 2px #000}.chat-room .chat-box .chats .message.user{margin-right:10px;align-self:flex-end}.chat-room .chat-box .chats .message.bot{margin-left:10px;background-color:#d3d3d3}.chat-room .chat-box .input-container{display:flex;height:9%}.chat-room .chat-box .input-container .question{width:90%;font-size:large;padding:10px;border:none;border-radius:10px;box-shadow:2px 2px 5px 2px #000;margin-right:5px}.chat-room .chat-box .input-container .send{width:10%;border:none;font-size:large;border-radius:10px;cursor:pointer;padding:8px;box-shadow:2px 2px 5px 2px #000;background-color:#87cefa}.chat-room .close{height:30px;width:30px;border-radius:50%;background-image:url(https://cdn-icons-png.flaticon.com/128/660/660252.png);background-size:contain;position:absolute;top:20px;right:20px;cursor:pointer}.hide{display:none}@media screen and (max-width: 1200px){.chat-room h1{font-size:3rem}.chat-room .chat-box{width:90vw}}@media screen and (max-width: 800px){.chat-room h1{font-size:2rem}.chat-room .chat-box{width:90vw}.chat-room .chat-box .chats .message{min-width:20%;max-width:100%;margin:10px}.chat-room .chat-box .input-container .question{font-size:medium;width:80%}.chat-room .chat-box .input-container .send{font-size:medium;width:20%}}