@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;500;700&display=swap";*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}.container{width:100vw;min-height:100vh;background:#23283e;color:#cdcdff;transition:.5s}.container main{max-width:1100px;width:95%;margin:0 auto}.container .logo{color:#90a0d9;font-weight:700}.container .title{text-align:center;margin-bottom:1em;text-transform:uppercase;font-size:1.8rem}.container ul{list-style:none}.container .link:hover{color:#90a0d9}.container .link:before{background-color:#90a0d9}.container .link-nav{color:#bdbddd}.container .btn,.container span{color:#90a0d9}.container p,.container .link-icons{color:#bdbddd}.container .skill-btn{background-color:#2a2f4c;color:#bdbddd}.container .contact-btn{color:#23283e;border:2px solid #90a0d9;background-color:#90a0d9}.container .contact-btn:hover,.container .contact-btn:focus{color:#23283e;border-color:#cdcdff;background-color:#cdcdff}.container .contact-btn:before{background-color:#23283e}.container .footer-link{color:#bdbddd}.container.light{background-color:#bdbddd;color:#23283e}.container.light .logo{color:#2a2f4c}.container.light .btn{color:#2a2f4c}.container.light .contact-btn:hover,.container.light .contact-btn:focus{color:#90a0d9;border-color:#23283e;background-color:#23283e}.container.light .link:hover{color:#90a0d9}.container.light .link:before{background-color:#90a0d9}.container.light .link-nav{color:#23283e}.container.light span{color:#90a0d9}.container.light p,.container.light .link-icons{color:#23283e}.container.light .skill-btn{background-color:#90a0d9;color:#23283e}.container.light .footer-link{color:#23283e}#error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;margin:0 2rem}#error-page .error-icon{font-size:5rem}#error-page p{font-size:2rem}.nav{display:flex;align-items:center;justify-content:space-around;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.nav .nav-list{margin-right:1.5em;display:flex}.nav .nav-list .nav-item{margin-left:1.5em}.nav .nav-list .nav-item .link{padding:0 0 .3em;position:relative}.nav .nav-list .nav-item .link:before{content:"";display:inline;width:0%;height:.2em;position:absolute;bottom:0;transition:width .2s ease-in}.nav .nav-list .nav-item .link:hover:before,.nav .nav-list .nav-item .link:focus:before{width:100%}.nav .nav-list .nav-item .link-nav{text-transform:lowercase;font-weight:500}.nav .btn{display:block;cursor:pointer;padding:.8em 1.4em;background:transparent;border:none;font-weight:500;font-size:.9rem;text-transform:lowercase;transition:transform .2s ease-in-out}.nav .nav-theme{margin-top:.4em}@media (max-width: 600px){.nav .link-nav{font-size:.8rem}}.home{display:flex;flex-direction:column;align-items:center;margin-top:4em}.home h1{font-size:3.5rem;text-align:center}.home img{width:9rem;border-radius:5px;margin-top:1rem}.home h2{margin-top:1em;font-size:2.25rem;text-align:center}.home p{margin-top:1.2em;font-size:1rem;max-width:600px;text-align:center}.home .social-links{padding:1rem}.home .social-links .link{padding:0 0 .3em;position:relative}.home .social-links .link:before{content:"";display:inline;width:0%;height:.2em;position:absolute;bottom:0;transition:width .2s ease-in}.home .social-links .link:hover:before,.home .social-links .link:focus:before{width:100%}.home .social-links .link-icons{margin:1rem}.home .social-links .link-icons .icon{font-size:3rem}@media (max-width: 600px){.home h1{font-size:2.5rem}.home h2{font-size:1.8rem}.home p{font-size:.9rem;margin-right:1rem}}.skills-section{margin-top:5em}.skills-section .skills-list{max-width:450px;width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}.skills-section .skills-list .skill-item{margin:.5rem}.skills-section .skills-list .skill-btn{text-transform:initial;box-shadow:#00000026 0 3px 3px;border:0;padding:.5rem;font-size:1rem;cursor:pointer;transition:transform .2s ease-in-out}.skills-section .skills-list .skill-btn:hover{transform:translateY(-4px)}.projects-section{margin-top:5em}.projects-section .projects-grid{max-width:1100px;margin:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));grid-gap:2em}.projects-section .projects-grid .project{padding:2em;margin:0 auto;text-align:center;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;transition:transform .2s linear}.projects-section .projects-grid .project img{width:12rem;height:8rem;object-fit:cover}.projects-section .projects-grid .project p{margin-top:1.2em;font-size:1rem}.projects-section .projects-grid .project .project-skills{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.projects-section .projects-grid .project .project-skills .project-skill-item{margin:.5em;font-weight:500;font-size:.8rem}.projects-section .projects-grid .social-links{padding:.5rem}.projects-section .projects-grid .social-links .link{padding:0 0 .3em;position:relative}.projects-section .projects-grid .social-links .link:before{content:"";display:inline;width:0%;height:.2em;position:absolute;bottom:0;transition:width .2s ease-in}.projects-section .projects-grid .social-links .link:hover:before,.projects-section .projects-grid .social-links .link:focus:before{width:100%}.projects-section .projects-grid .social-links .link-icons{margin:1rem}.projects-section .projects-grid .social-links .icon{font-size:2rem}.projects-section .projects-grid .project:hover{transform:translateY(-7px)}@media (max-width: 600px){.projects-section .projects-grid{margin-right:2rem}}.contact-section{margin-top:5rem;text-align:center}.contact-section img{width:7rem;border-radius:5px;margin-top:1rem}.contact-section .contact-div{margin:3rem}.contact-section .contact-div a{text-decoration:none;margin:0 auto}.contact-section .contact-div .contact-btn{position:relative;overflow:hidden;z-index:1;border-radius:5px;padding:1rem;font-weight:500}.contact-section .contact-div .contact-btn:before{content:"";position:absolute;right:100%;bottom:0;left:0;top:0;z-index:-1;transition:right .2s ease-in-out}.contact-section .contact-div .contact-btn:hover:before,.contact-section .contact-div .contact-btn:focus:before{right:0}.footer{padding:3em 0;margin-top:4em;text-align:center}.footer .footer-link{font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-decoration:none}.footer .social-links .link-icons{margin:.5rem}