@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--header-height: 3rem;--font-medium: 500;--first-color: #5361ff;--white-color: #fafaff;--dark-color: #2a3b47;--text-color: #697477;--body-font: "Montserrat", sans-serif;--big-font-size: 6.25rem;--h2-font-size: 1.25rem;--normal-font-size: .938rem;--small-font-size: .813rem;--mb1: .5rem;--mb2: 1rem;--mb3: 1.5rem;--mb4: 2rem;--z-fixed: 100}@media screen and (min-width: 768px){:root{--big-font-size: 10.5rem;--h2-font-size: 2rem;--normal-font-size: 1rem;--small-font-size: .875rem}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:var(--header-height) 0 0 0;font-family:var(--body-font);font-size:var(--normal-font-size);font-weight:var(--font-medium);color:var(--text-color);line-height:1.6}h1,h2,p{margin:0}ul{margin:0;padding:0;list-style:none}a{text-decoration:none;color:var(--text-color)}img{max-width:100%;height:auto;display:block}.section{padding:3rem 0}.section-title{position:relative;font-size:var(--h2-font-size);color:var(--dark-color);margin:var(--mb4) 0;text-align:center}.section-title:after{position:absolute;content:"";width:32px;height:.18rem;left:0;right:0;margin:auto;top:2rem;background-color:var(--first-color)}.bd-grid{max-width:1024px;display:grid;grid-template-columns:100%;grid-column-gap:2rem;width:calc(100% - 2rem);margin-left:var(--mb2);margin-right:var(--mb2)}.l-header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-fixed);background-color:var(--first-color)}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav-item{margin-bottom:var(--mb4)}.nav-link{position:relative;color:var(--dark-color)}.nav-link:hover{color:var(--first-color)}.nav-logo{color:var(--white-color)}.nav-toggle{color:var(--white-color);font-size:1.5rem;cursor:pointer}.active:after{position:absolute;content:"";width:100%;height:.18rem;left:0;top:2rem;background-color:var(--first-color)}@media screen and (max-width: 768px){.nav-menu{position:fixed;top:var(--header-height);right:-100%;width:80%;height:100%;padding:2rem;background-color:#ffffff4d;transition:.5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.show{right:0}}.home{position:relative;background-color:var(--first-color);overflow:hidden}.home-container{height:calc(100vh - var(--header-height));row-gap:5rem}.home-title{align-self:flex-end;font-size:var(--big-font-size);color:var(--white-color);line-height:.8}.home-title span{text-shadow:0 20px 25px rgba(0,0,0,.5)}.home-scroll{align-self:flex-end;padding-bottom:var(--mb4)}.home-scroll-link{writing-mode:vertical-lr;transform:rotate(-180deg);color:var(--white-color)}.home-img{position:absolute;right:0;bottom:0;width:600px;height:600px;object-fit:cover}.about-container{justify-items:center;row-gap:2rem;text-align:center}.about-img{display:flex;justify-content:center;padding-top:1rem;width:120px;height:120px;background-color:var(--first-color);border-radius:50%;overflow:hidden}.about-img img{width:100px;height:300px;position:relative;top:-20px;right:5px;object-fit:cover}.about-subtitle{font-size:var(--h2-font-size);color:var(--first-color);margin-bottom:var(--mb1)}.about-text{margin-bottom:var(--mb4)}.about-profession{display:block;margin-bottom:var(--mb4)}.about-social-icon{font-size:1.4rem;margin:0 var(--mb1)}.about-social-icon:hover{color:var(--first-color)}.skills-container{row-gap:2rem}.skills-subtitle{color:var(--first-color);margin-bottom:var(--mb3)}.skills-name{display:inline-block;font-size:var(--small-font-size);margin-right:var(--mb2);margin-bottom:var(--mb3);border-radius:.25rem;transition:.5s}.skills-name:hover{background-color:var(--first-color);color:var(--white-color)}.skills-img img{border-radius:.5rem}.portfolio{background-color:var(--white-color)}.portfolio-container{justify-items:center;row-gap:2rem}.portfolio-img{position:relative;overflow:hidden}.portfolio-img img{border-radius:.5rem}.portfolio-link{position:absolute;bottom:-100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#ffffff4d;border-radius:.5rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s}.portfolio-img:hover .portfolio-link{bottom:0}.portfolio-link-color{color:var(--dark-color)}.contact-container{row-gap:2rem}.contact-subtitle{font-size:var(--normal-font-size);color:var(--first-color)}.contact-text{display:inline-block;margin-bottom:var(--mb2)}.contact-inputs{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1rem}.contact-input{width:100%;padding:.8rem;outline:none;border:1.5px solid var(--dark-color);font-size:var(--normal-font-size);margin-bottom:var(--mb4);border-radius:.5rem}.contact-button{display:block;background-color:var(--first-color);color:var(--white-color);padding:.75rem 2.5rem;margin-left:auto;border-radius:.5rem;border:none;outline:none;font-size:var(--normal-font-size);cursor:pointer}.footer{background-color:var(--dark-color)}.footer-container{row-gap:2rem}.footer-title{font-size:var(--normal-font-size);color:var(--white-color);margin-bottom:var(--mb2)}.footer-link{padding:.25rem 0}.footer-link:hover{color:var(--first-color)}.footer-social{font-size:1.4rem;margin-right:var(--mb1)}.footer-social:hover{color:var(--first-color)}.code-preview{background-color:#1e1e1e;color:#0f8;padding:10px;margin-top:10px;font-family:monospace;font-size:14px;border-radius:6px;overflow-x:auto;border:1px solid #333}.portfolio-link{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.portfolio-link-name{background-color:#333;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.portfolio-link-name:hover{background-color:#555}@media screen and (min-width: 768px){body{margin:0}.section{padding-top:4rem}.section-title{margin-bottom:3rem}.section-title:after{width:64px;top:3rem}.nav{height:calc(var(--header-height) + 1rem)}.nav-list{display:flex}.nav-item{margin-left:var(--mb4);margin-bottom:0}.nav-toggle{display:none}.nav-link,.nav-link:hover{color:var(--white-color)}.active:after{background-color:var(--white-color)}.home-container{height:100vh;grid-template-rows:1.7fr 1fr;row-gap:0}.home-img{width:524px;right:10%}.about-container{grid-template-columns:repeat(2,1fr);align-items:center;text-align:initial;padding:4rem 0}.about-img{width:200px;height:200px}.about-img img{width:165px}.skills-container{grid-template-columns:repeat(2,1fr);align-items:center}.portfolio-container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);column-gap:2rem}.contact-container{grid-template-columns:repeat(2,1fr);justify-items:center}.contact-form{width:380px}.footer-container{grid-template-columns:repeat(3,1fr);justify-items:center}}@media screen and (min-width: 1024px){.bd-grid{margin-left:auto;margin-right:auto}}