@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Public+Sans&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}body{background:#f4f4f4}nav{display:flex;justify-content:space-between}nav .bars,nav .mobile-nav{display:none}nav .desktop-nav{z-index:999}nav .desktop-nav a{background:none;color:#fff;font-family:Public Sans,sans-serif;font-size:1rem;font-weight:700;line-height:1rem;margin-left:1.2rem;text-decoration:none}nav .portfolio-name h2{color:#777;font-family:Dancing Script,cursive;font-size:1.2rem;font-weight:700}nav .portfolio-name h2 span{color:#439cef;font-family:Dancing Script,cursive}nav .change{background-color:#000;opacity:.3}nav .blur-screen{height:100vh;left:0;position:absolute;top:0;transition:.4s;visibility:hidden;width:100%;z-index:222}@media(min-width:280px)and (max-width:1024px){nav{padding:1.5rem 1.1rem}nav .desktop-nav{display:none}nav .mobile-nav.open{width:40%}nav .bars.clicked .bar{position:absolute;top:50%}nav .bars.clicked .bar:first-of-type{-webkit-transform:rotate(45deg);transform:rotate(45deg)}nav .bars.clicked .bar:nth-of-type(2){opacity:0}nav .bars.clicked .bar:last-of-type{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}nav .mobile-nav{align-items:center;background:#439cef;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:fixed;right:0;top:0;transition:.4s;width:0;z-index:1000}nav .mobile-nav a{color:#fff;font-family:Public Sans,sans-serif;font-size:1.2rem;margin-bottom:1rem;text-decoration:none}nav .bars{display:flex;flex-direction:column;height:20px;justify-content:space-between;position:relative;transition:.5s;width:25px;z-index:1010}nav .bars .bar{background:#fff;border-radius:50px;height:4px;transition:.5s;width:100%}}.contact{min-height:100vh;padding:2rem 8vw}.contact h1{color:#439cef;font-family:Dancing Script,cursive;font-size:2.2rem;padding:0 3rem}.contact .container-contact{align-items:flex-end;display:flex;justify-content:space-around;padding-inline:3rem}.contact .container-contact button{background:#439cef;border:none;border-radius:10px;color:#fff;padding:1.3rem 0;transition:.42s;width:100%}.contact .container-contact button:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.contact .contact-img{align-items:center;display:flex;justify-content:center;width:60%}.contact .contact-img img{width:57%}.contact form{align-items:center;display:flex;flex-direction:column;margin-top:3rem;width:40%}.contact input{margin:.3rem}.contact input,.contact textarea{border:none;border-radius:10px;box-shadow:0 0 4px rgba(0,0,0,.2);color:#777;font-family:Public Sans,sans-serif;font-size:1.1rem;font-weight:400;outline:none;padding:1.5rem;width:100%}.contact textarea{margin:.5rem;resize:none}.contact .user-message{align-items:center;background:#fff;border-bottom:5px solid #439cef;bottom:2rem;box-shadow:0 0 4px rgba(0,0,0,.2);display:flex;left:2rem;opacity:0;padding:1rem 1.5rem;position:fixed;transition:.4s;z-index:999}.contact .user-message p{color:#6d6d6d;font-family:Public Sans,sans-serif;font-size:1rem;font-weight:400;margin:0 .5rem}.contact .check{align-items:center;background:#439cef;border-radius:50%;display:flex;height:1.5rem;justify-content:center;width:1.5rem}.contact .Time-icon{color:#c7c7c7;margin-left:1rem}.contact .displayMessage{display:flex;opacity:1}.contact .displayNone{opacity:0}@media(min-width:700px)and (max-width:1024px){.contact{padding:1rem 1.5rem}.contact h1{font-size:3rem;padding:0}.contact .contact-img{margin-top:5rem;width:100%}.contact form{width:100%}.contact .container-contact{flex-direction:column;padding-inline:0}.contact .contact-img img{width:85%}}@media(min-width:281px)and (max-width:680px){.contact{margin-top:2rem;padding:1rem 1.5rem}.contact h1{font-size:1.8rem;padding:0}.contact .contact-img{margin-top:5rem;width:100%}.contact form{width:100%}.contact .container-contact{flex-direction:column;padding-inline:0}.contact .contact-img img{width:80%}.contact .user-message{left:0;padding:1rem 1.5rem;-webkit-transform:scale(.85);transform:scale(.85)}}@media(max-width:280px){.contact{margin-top:3rem;padding:1rem .5rem}.contact h1{font-size:1.8rem;padding:0}.contact .contact-img{margin-top:3rem;width:100%}.contact form{width:100%}.contact .container-contact{flex-direction:column;padding-inline:0}}.projects{min-height:100vh;padding:2rem 8vw}.projects h1{color:#439cef;font-family:Dancing Script,cursive;font-size:2.2rem;padding:0 3rem}.projects .container-projects{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.projects .project{align-items:center;background:#fff;border-radius:15px;box-shadow:0 0 4px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem}.projects .project img{border-radius:15px;width:100%}.projects .project h3{color:#777;font-family:Dancing Script,cursive;font-size:1.5rem;font-weight:700}.projects .project p{color:#777;font-family:Public Sans,sans-serif;font-size:.9rem;line-height:1.8rem;margin:.5rem 0;padding-inline:1rem}.projects .project .technologie{display:flex}.projects .project .icons{height:1.75rem;margin:.25rem .3rem;width:1.75rem}.projects .links-icons{cursor:pointer;height:2rem;margin:.5rem .3rem;width:2rem}@media(min-width:700px)and (max-width:1024px){.projects{padding:1rem 1.5rem}.projects h1{font-size:3rem}.projects .container-projects{gap:1rem;grid-template-columns:1fr;padding-inline:0}.projects .project p{font-size:1.3rem;padding-inline:1.5rem}.projects h1{font-size:2rem;padding:0}}@media(min-width:281px)and (max-width:680px){.projects{padding:1rem 1.5rem}.projects .container-projects{gap:1rem;grid-template-columns:1fr;padding-inline:0}.projects .project p{font-size:1rem;padding-inline:1rem}.projects h1{font-size:1.8rem;padding:0}.projects .links-icons{height:2rem;width:2rem}}@media(max-width:280px){.projects{margin-top:3rem;padding:1rem .2rem}.projects .container-projects{gap:.5rem;grid-template-columns:1fr}.projects .project{padding:0;-webkit-transform:scale(.88);transform:scale(.88)}.projects .project p{font-size:1rem;padding-inline:.2rem}.projects h1{font-size:1.8rem;padding:0}}.skills{margin-top:2rem;min-height:100vh;padding:2rem 8vw}.skills h1{color:#439cef;font-family:Dancing Script,cursive;font-size:2.2rem;padding:0 3rem}.skills .container{align-items:flex-start;display:flex;padding:0 10vw}.skills .container-skills{margin-top:3rem}.skills .container-skills h3{color:#439cef;font-family:Dancing Script,cursive;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.skills .container-skills p{color:#777;font-family:Public Sans,sans-serif;font-size:1rem;font-weight:400;line-height:2rem;margin-bottom:1.5rem}.skills .container-icons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.skills .container-icons .icons{height:2.5rem;width:2.5rem}.skills .container-icons>div{align-items:center;display:flex;justify-content:flex-start;padding:1rem}@media(min-width:700px)and (max-width:1024px){.skills{padding:1rem 1.5rem}.skills h1{font-size:3rem;padding:0}.skills .container-skills{margin-top:3rem}.skills .container-skills h3{font-size:2rem;margin-bottom:1.5rem}.skills .container-skills p{font-size:1.5rem}.skills .container{flex-direction:column-reverse;padding:0}.skills .container-icons .icons{height:2rem;width:2rem}.skills .container-img-skills{align-items:center;display:flex;justify-content:center;width:100%}.skills .container-img-skills img{margin-top:1.5rem;width:100%}}@media(min-width:281px)and (max-width:680px){.skills{padding:1rem 1.5rem}.skills h1{font-size:1.8rem;padding:0}.skills .container-skills{margin-top:2rem}.skills .container-skills h3{text-align:center}.skills .container{flex-direction:column-reverse;padding:0}.skills .container-icons .icons{height:2rem;width:2rem}.skills .container-img-skills{align-items:center;display:flex;justify-content:center;width:100%}.skills .container-img-skills img{margin-top:1.5rem;width:100%}}@media(max-width:280px){.skills{margin-top:3rem;padding:1rem .5rem}.skills .container{flex-direction:column-reverse;padding:0;width:100%}.skills .container-icons .icons{height:1rem;width:1rem}.skills .container-img-skills{align-items:center;display:flex;justify-content:center;width:100%}.skills .container-img-skills img{margin-top:1.5rem;width:100%}.skills h1{font-size:1.8rem;padding:0}.skills .container-skills{margin-top:1.5rem}}.home{min-height:100vh;padding:2rem 8vw;position:relative}.home .background-img{height:100%;position:absolute;right:0;top:0;width:65%}.home .conatainer{align-items:flex-start;display:flex;justify-content:space-between;margin-top:7rem}.home .conatainer h2{color:#439cef;font-family:Dancing Script,cursive;font-size:4.5rem;font-weight:700}.home .conatainer h4{color:#777;font-family:Public Sans,sans-serif;font-size:1.5rem;font-style:SemiBlod;margin-top:1rem}.home .conatainer a{text-decoration:none}.home .conatainer a button{align-items:center;background:#439cef;border:none;border-radius:8px;color:#f0f8ff;display:flex;margin-top:1.5rem;padding:.8rem 1.5rem;transition:.3s;z-index:999}.home .conatainer a button:hover{cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02)}.home .conatainer a button img{-webkit-transform:scale(.7);transform:scale(.7)}.home .folow-desktop{margin-right:10%;padding:1.4rem;z-index:999}.home .folow-desktop h3{color:#fff;font-family:Dancing Script,cursive;font-size:2.5rem;margin-bottom:.5rem}.home .mobile-img{display:none;height:11.75rem;position:absolute;right:0;top:0;width:11rem}.home .mobile2-img{bottom:-15px;display:none;height:35%;left:0;position:absolute;width:65%;z-index:1}.home .folow-mobile{bottom:0;display:none;height:22%;padding:1rem .9rem;position:absolute;width:85%;z-index:99}.home .folow-mobile h3{color:#fff;font-family:Dancing Script,cursive;font-size:2rem;margin-bottom:.8rem}.home .scroll{align-items:center;background:#439cef;border-radius:6px;bottom:2rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:fixed;right:2rem;transition:.4s;z-index:999}.home .hidden{opacity:0}.home .home-icon{color:#fff;height:1.5rem;margin:0 .3rem;width:1.5rem}.home .home-icon :hover{opacity:.8}@media(min-width:700px)and (max-width:1024px){.home{padding:1rem}.home .background-img{display:none}.home .folow-mobile,.home .mobile-img,.home .mobile2-img{display:block}.home .folow-desktop{display:none}.home .conatainer{margin-top:38%}.home .conatainer h2{font-size:2.5rem}.home .conatainer h4{font-size:1rem}}@media(min-width:281px)and (max-width:680px){.home{padding:1rem}.home .background-img{display:none}.home .folow-mobile,.home .mobile-img,.home .mobile2-img{display:block}.home .folow-desktop{display:none}.home .conatainer{margin-top:38%}.home .conatainer h2{font-size:2.5rem}.home .conatainer h4{font-size:1rem}}@media(max-width:280px){.home{padding:1rem}.home .background-img{display:none}.home .folow-mobile,.home .mobile-img,.home .mobile2-img{display:block}.home .folow-desktop{display:none}.home .conatainer{margin-top:38%}.home .conatainer h2{font-size:2.5rem}.home .conatainer h4{font-size:1rem}}.footer p{align-items:center;color:#777;display:flex;font-family:Public Sans,sans-serif;font-size:1rem;font-weight:500;justify-content:center;margin-bottom:1rem;padding-inline:.5rem}@media(min-width:700px)and (max-width:1024px){.footer p{font-size:1.5rem;margin-bottom:2rem;margin-top:1rem}}@media(min-width:281px)and (max-width:680px){.footer p{font-size:.7rem;margin-top:1rem}}@media(width:280px){.footer p{font-size:.65rem}}
/*# sourceMappingURL=main.6ca8e9b5.css.map*/