body{height:100vh;width:100%;margin:0;padding:0;background-color:#403324;color:#f2cda0;font-family:Blisey,sans-serif;display:flex;justify-content:center}@media screen and (max-width: 800px){body{padding-bottom:20px;height:fit-content}}#root{width:1200px;height:100%;display:flex;flex-direction:column;align-items:center}@font-face{font-family:Blisey;src:url(/assets/Blisey-BxXUNDdA.otf) format("opentype");font-weight:400;font-style:normal}.Landing{height:80%;overflow:hidden;transition:max-height .4s ease;width:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1100px){.Landing{flex-direction:column;height:fit-content;margin-top:30px;overflow:visible}}.Landing .qui{width:90%;height:80%;display:flex;align-items:center;border:4px solid #BF6F41;border-radius:5000000px;background-color:#f2cda0;gap:50px;color:#403324}@media screen and (max-width: 1100px){.Landing .qui{flex-direction:column;height:fit-content;padding:0 40px 70px;width:70%;margin-top:30px}}@media screen and (max-width: 800px){.Landing .qui{border-radius:0;border:none;width:100%;padding:0 0 40px}}.Landing .qui .portrait{height:400px;width:auto;border-radius:100000000px;margin-left:40px}@media screen and (max-width: 1100px){.Landing .qui .portrait{margin:20px 0 0}}@media screen and (max-width: 600px){.Landing .qui .portrait{height:300px}}.Landing .qui aside{width:55%;max-width:450px;font-size:20px;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 800px){.Landing .qui aside{width:100%}}@media screen and (max-width: 475px){.Landing .qui aside{align-items:center}}.Landing .qui aside h1,.Landing .qui aside h2{margin-left:0;margin-top:0}@media screen and (max-width: 475px){.Landing .qui aside h1,.Landing .qui aside h2{text-align:center}}.Landing .qui aside h2{margin-top:20px}.Landing .qui aside p{margin:0}@media screen and (max-width: 475px){.Landing .qui aside p{text-align:center;display:block}}.Landing .qui aside p:first-of-type{margin-bottom:20px;width:80%}.Landing .qui aside a{text-decoration:none;color:#403324;margin-top:20px;font-weight:700;font-size:25px}.Landing .qui aside a:hover{cursor:pointer;text-shadow:3px 3px #D96F32}@media screen and (max-width: 800px){.Landing .qui aside a{text-align:center}}.Landing .qui aside .coordonates{margin-top:20px}.Landing .qui aside .networks-container{display:flex;gap:30px}.icon{width:50px;height:50px}.icon:hover{cursor:pointer}.Error{display:flex;flex-direction:column;justify-content:center;align-items:center}.Error h1{font-size:200px;margin-bottom:50px;margin-top:0;text-shadow:5px 0 #D96F32,-5px 0 #D96F32,0 5px #D96F32,0 -5px #D96F32,5px 5px #D96F32,-5px -5px #D96F32,5px -5px #D96F32,-5px 5px #D96F32}.projectsContainer{width:95%;height:70%;display:flex;flex-wrap:wrap;gap:40px;margin-top:30px}@media screen and (max-width: 1000px){.projectsContainer .card{width:100%}}.card{width:47%;height:40%;background-color:#f2cda0;border-radius:10000px;display:flex;border:3px solid #D96F32;overflow:hidden;color:#403324}@media screen and (max-width: 800px){.card{max-height:250px}}@media screen and (max-width: 475px){.card{max-height:150px}}.card :hover:first-child{opacity:1}.card .card-banner{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:45%;height:100%}.card .card-banner :hover:first-child{width:100%}.card .card-banner img{width:150%;height:auto;object-fit:cover;transition:.5s}.card .card-content{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:55%}.card .card-content h1{color:#d96f32;font-size:28px;text-align:center;margin:0;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 800px){.card .card-content h1{font-size:23px}}@media screen and (max-width: 475px){.card .card-content h1{font-size:15px}}.card .card-content .icons-container{width:fit-content;display:flex;gap:20px;padding-bottom:20px;border-bottom:2px solid #403324}.card .card-content p{height:60%;width:100%;display:flex;justify-content:center;align-items:center;font-size:20px;margin:0}.card .card-content p:hover{text-shadow:3px 3px #D96F32;cursor:pointer}@media screen and (max-width: 800px){.card .card-content p{font-size:15px}}.card:hover{box-shadow:0 0 50px #d96f32}.shadow{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1000px){.shadow{overflow:scroll}}.shadow .modale{flex-direction:column;opacity:100%;display:flex;height:80%;width:75%;gap:30px;background-color:#f2cda0;border-radius:50px;border:2px solid #BF6F41;padding:0 20px}@media screen and (max-width: 1000px){.shadow .modale{height:fit-content}}@media screen and (max-width: 1000px){.shadow .modale{margin-top:500px}}.shadow .modale .modale-content{display:flex;justify-content:center;height:80%;gap:30px;color:#403324}@media screen and (max-width: 1000px){.shadow .modale .modale-content{flex-direction:column;height:fit-content;padding-bottom:30px}}.shadow .modale .modale-content img:first-of-type{max-width:500px;object-fit:contain}@media screen and (max-width: 1000px){.shadow .modale .modale-content img:first-of-type{align-self:center}}@media screen and (max-width: 675px){.shadow .modale .modale-content img:first-of-type{max-width:80vw}}.shadow .modale .modale-content .modale-text-and-icons{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:40px}.shadow .modale .modale-content .modale-text-and-icons h1{font-size:70px;margin:0}@media screen and (max-width: 1000px){.shadow .modale .modale-content .modale-text-and-icons h1{font-size:50px}}.shadow .modale .modale-content .modale-text-and-icons p{font-size:20px}.shadow .modale .modale-content .modale-text-and-icons img{width:50px}.shadow .modale .modale-content .modale-text-and-icons .icons{display:flex;gap:20px}@media screen and (max-width: 500px){.shadow .modale .modale-content .modale-text-and-icons .icons{flex-wrap:wrap}}.shadow .modale button{margin-top:20px;background-color:#bf6f41;width:25%;align-self:center;color:#f2cda0;border:2px solid #403324;border-radius:50px;font-size:25px}@media screen and (max-width: 700px){.shadow .modale button{width:fit-content}}.skills-page{width:80%;height:80%;display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 800px){.skills-page{height:fit-content}}@media screen and (max-width: 500px){.skills-page{width:100%}}.skills-page .technologies-container,.skills-page .skills-container{display:flex;flex-direction:column;width:100%;height:100%}@media screen and (max-width: 800px){.skills-page .technologies-container:first-child,.skills-page .skills-container:first-child{margin-top:20px}}@media screen and (max-width: 800px){.skills-page .technologies-container h1,.skills-page .skills-container h1{text-align:center}}.skills-page .technologies-container .box-container,.skills-page .skills-container .box-container{display:flex;flex-wrap:wrap;gap:10px;width:100%;height:100%}@media screen and (max-width: 800px){.skills-page .technologies-container .box-container,.skills-page .skills-container .box-container{justify-content:center}}.skills-page .technologies-container .box-container .box,.skills-page .skills-container .box-container .box{overflow:hidden;display:flex;text-align:center;align-items:center;justify-content:space-evenly;width:15%;min-width:140px;min-height:60px;background-color:#f2cda0;border-radius:20px;border:2px solid #BF6F41;color:#403324}.skills-page .technologies-container .box-container .box p,.skills-page .skills-container .box-container .box p{margin:0;font-size:15px;font-weight:700}.skills-page .technologies-container .box-container .box img,.skills-page .skills-container .box-container .box img{height:50px}.contact-page{display:flex;flex-direction:column;align-items:center;width:100%;height:80%;gap:30px}.contact-page img{width:50px;height:50px}.contact-page h1{font-size:50px;margin:0}.contact-page .links-container{color:#403324;height:80%;width:90%;background-color:#f2cda0;border-radius:5000px;border:3px solid #D96F32;display:flex;flex-direction:column;align-items:center}.contact-page .links-container .icons-container{display:flex;justify-content:center;align-items:center}.contact-page .links-container .icons-container p{font-size:20px}.contact-page .links-container .icons-container p:first-of-type{margin-right:200px}.contact-page .links-container .form-container{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.contact-page .links-container .form-container form{display:flex;flex-direction:column;gap:20px;align-items:center;width:70%;margin-bottom:30px;margin-top:30px}.contact-page .links-container .form-container form button{background-color:#403324;color:#f2cda0;border-radius:10px;font-size:20px}.contact-page .links-container .form-container form .form-group{width:100%;display:flex;justify-content:center}.contact-page .links-container .form-container form .form-group .form-row{display:flex;width:100%}.contact-page .links-container .form-container form .form-group .form-row .col{width:100%;display:flex;justify-content:center}.contact-page .links-container .form-container form .form-group .form-row .col input{font-size:20px;width:80%;background-color:#f2cda0;border:2px solid #403324;border-radius:10px}.contact-page .links-container .form-container form .form-group textarea{width:90%;background-color:#f2cda0;border:2px solid #403324;border-radius:10px;font-size:20px}.footer{height:2%;width:100%;padding-top:1%}.footer .barber-bar{width:100%;height:100%;background:repeating-linear-gradient(135deg,#f2e18d,#f2e18d 20px,#a67b56 20px,#a67b56 40px,#d96f32 40px,#d96f32 60px);background-size:200% 100%;animation:scrollBarber 20s linear infinite;color:#403324}@keyframes scrollBarber{0%{background-position:0 0}to{background-position:100% 0}}.footer .flags{display:flex;justify-content:flex-end;gap:30px;margin:5px 40px 5px 5px}.footer .flags :hover{cursor:pointer}.footer .flags .flag{height:35px}.header{height:15%;width:90%;display:flex;justify-content:space-between;align-items:center;line-height:40px}@media screen and (max-width: 800px){.header{flex-direction:column;margin-top:20px;height:fit-content}}.header .name{width:20%;height:100%;margin:0;display:flex;align-items:center;justify-content:center}.header .name h1{font-size:45px;margin:0;width:200px}.header .name:hover{text-shadow:5px 5px #D96F32;cursor:pointer}.header nav{width:50%;display:flex;align-items:center;justify-content:center;gap:20px;font-size:25px}@media screen and (max-width: 800px){.header nav{width:90%}}@media screen and (max-width: 400px){.header nav{flex-direction:column}}.header nav .link{text-decoration:none;color:#f2cda0}.header nav .link:hover{text-shadow:3px 3px #D96F32;cursor:pointer}.header nav .link.active{color:#d96f32}.header nav .link.active:hover{cursor:default;text-shadow:none}.header nav :last-child{width:180px;min-width:180px}.header .charge-bar{height:4px;background-color:#f2cda0;width:20%;border-radius:10px;animation:name duration timing-function delay iteration-count direction fill-mode;text-align:center;font-size:24px}@media screen and (max-width: 800px){.header .charge-bar{width:80%;min-height:3px;margin:20px}}