#about-container{background-color:#1e3955}#about-container .about-wrapper{display:flex;padding:100px 0;width:100%;max-width:60rem;margin:0 auto}#about-container .about-wrapper .col-1{width:50%;display:flex;justify-content:center;align-items:center}#about-container .about-wrapper .col-1 .about-image{width:40%}#about-container .about-wrapper .col-2{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}#about-container .about-wrapper .col-2 .about-title{color:#fff;font-size:4rem;font-weight:700}#about-container .about-wrapper .col-2 .about-country{color:#1890e0;font-size:18px;font-weight:700;line-height:15px}#about-container .about-wrapper .col-2 .about-text{color:#fff;font-size:14px;font-weight:400;margin-top:20px}#about-container .about-wrapper .col-2 .about-buttons{display:inline-flex;margin-top:2rem;gap:20px}#about-container .about-wrapper .col-2 .about-buttons .instagram,#about-container .about-wrapper .col-2 .about-buttons .email{border:1px solid #1890e0;background-color:#1890e0;color:#fff}#about-container .about-wrapper .col-2 .about-buttons .instagram:hover,#about-container .about-wrapper .col-2 .about-buttons .email:hover{border:1px solid #FFFFFF;background-color:transparent}@media (max-width: 768px){#about-container{background-color:#1e3955;padding:40px .75rem;margin-bottom:50px}#about-container .about-wrapper{display:flex;flex-direction:column-reverse;padding:0;width:100%;margin:0 auto}#about-container .about-wrapper .col-1{width:100%;padding:30px 0}#about-container .about-wrapper .col-1 .about-image{width:50%}#about-container .about-wrapper .col-2{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}#about-container .about-wrapper .col-2 .about-title{color:#fff;font-size:40px;font-weight:700}#about-container .about-wrapper .col-2 .about-country{color:#1890e0;font-size:18px;font-weight:400;line-height:15px}#about-container .about-wrapper .col-2 .about-text{color:#fff;font-size:18px;font-weight:500;margin-top:15px;line-height:25px}#about-container .about-wrapper .col-2 .about-buttons{display:inline-flex;margin-top:2rem;gap:20px}#about-container .about-wrapper .col-2 .about-buttons .instagram,#about-container .about-wrapper .col-2 .about-buttons .email{border:1px solid #1890e0;background-color:#1890e0;color:#fff}#about-container .about-wrapper .col-2 .about-buttons .instagram:hover,#about-container .about-wrapper .col-2 .about-buttons .email:hover{border:1px solid #FFFFFF;background-color:transparent}}.button{display:inline-flex;align-items:center;gap:5px;text-decoration:none;padding:8px;border-radius:4px}.project-button{border-radius:4px;color:#1e3955;display:inline-block;padding:10px;text-decoration:none;justify-content:flex-end;cursor:pointer;width:100%;text-align:end}#main-content{background:#1e3955;width:100%}#main-content .main-wrapper{display:flex;max-width:60rem;margin:0 auto;width:100%;padding:100px 0}#main-content .main-wrapper .col-1{width:50%;display:flex;flex-direction:column;justify-content:center}#main-content .main-wrapper .col-1 .title{color:#fff;font-size:4rem;font-weight:700}#main-content .main-wrapper .col-1 .sub-title{color:#fafafa;font-size:2rem;font-weight:700;margin-top:3rem;max-width:15rem}#main-content .main-wrapper .col-1 .main-buttons{display:inline-flex;margin-top:2rem;gap:20px}#main-content .main-wrapper .col-1 .main-buttons .github,#main-content .main-wrapper .col-1 .main-buttons .linkedin{background-color:#1890e0;border:1px solid #1890e0;color:#fff}#main-content .main-wrapper .col-1 .main-buttons .github:hover,#main-content .main-wrapper .col-1 .main-buttons .linkedin:hover{border:1px solid #FFFFFF;background-color:transparent}#main-content .main-wrapper .col-2{width:50%;display:flex;justify-content:center;align-items:center}#main-content .main-wrapper .col-2 .content-image{width:80%}#main-content .divider{margin:0 auto;width:20%;background-color:#1e3955}@media (max-width: 768px){#main-content{background:#1e3955;width:100%;margin-bottom:-1px}#main-content .main-wrapper{display:flex;flex-direction:column;margin:0 auto;width:100%;padding:40px .75rem;gap:40px}#main-content .main-wrapper .col-1{width:100%;display:flex;flex-direction:column;justify-content:center}#main-content .main-wrapper .col-1 .title{color:#fff;font-size:40px;font-weight:700}#main-content .main-wrapper .col-1 .sub-title{color:#fafafa;font-size:18px;font-weight:400;margin-top:10px}#main-content .main-wrapper .col-1 .main-buttons{font-size:14px;display:inline-flex;margin-top:2rem;gap:20px}#main-content .main-wrapper .col-1 .main-buttons .github,#main-content .main-wrapper .col-1 .main-buttons .linkedin{background-color:#1890e0;border:1px solid #1890e0;color:#fff}#main-content .main-wrapper .col-1 .main-buttons .github:hover,#main-content .main-wrapper .col-1 .main-buttons .linkedin:hover{border:1px solid #FFFFFF;background-color:transparent}#main-content .main-wrapper .col-2{width:100%;display:flex;justify-content:center;align-items:center}#main-content .main-wrapper .col-2 .content-image{width:80%}#main-content .divider{margin:0 auto;background-color:#1e3955}}.divider{height:3px;width:40%}.card-content{border-top:6px solid #1e3955;text-decoration:none;position:relative;display:block;box-shadow:4px 5px 19px 5px #0000001a}.card-content .background-hover{transition:.5s}.card-content .card-image{display:flex;justify-content:center;align-items:center;overflow:hidden}.card-content .card-image img{width:100%;object-fit:contain;height:auto}.card-content .card-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;text-align:center}.card-content .card-wrapper .card-title{font-size:26px;color:#fff}.card-content .card-wrapper .card-text{font-size:14px;color:#fff;margin:10px 0;font-style:italic}.card-content .card-wrapper .access{font-size:12px;color:#fff;text-decoration:none;display:inline-block;border:1px solid #FFFFFF;border-radius:4px;padding:5px;margin-top:10px}.card-content .card-wrapper .access:hover{text-decoration:underline}.card-content:hover .background-hover{background:rgba(30,57,85,.75);position:absolute;top:0;bottom:0;left:0;right:0;transition:.5s;z-index:9}.card-content:hover .card-image img{transform:scale(1.2);transition:.5s}.card-content:hover .card-wrapper{z-index:10}@media (max-width: 768px){.card-content{border-top:6px solid #1e3955;text-decoration:none;position:relative;display:block;box-shadow:0 3px 18px 3px #0000001a}.card-content .background-hover{transition:.5s}.card-content .card-image{display:flex;justify-content:center;align-items:center;overflow:hidden}.card-content .card-image img{width:300px;max-height:180px}.card-content .card-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;text-align:center}.card-content .card-wrapper .card-title{font-size:26px;color:#fff}.card-content .card-wrapper .card-text{font-size:14px;color:#fff;margin:10px 0;font-style:italic}.card-content .card-wrapper .access{font-size:12px;color:#fff;text-decoration:none;display:inline-block;border:1px solid #FFFFFF;border-radius:4px;padding:5px;margin-top:10px}.card-content .card-wrapper .access:hover{text-decoration:underline}.card-content .background-hover{border-radius:4px;background:rgba(30,57,85,.75);position:absolute;top:0;bottom:0;left:0;right:0;transition:.5s;z-index:9}.card-content .card-image img{transform:scale(1.2);transition:.5s}.card-content .card-wrapper{z-index:10}}#projects-container{max-width:60rem;margin:0 auto;padding-top:100px}#projects-container .projects-wrapper .projects-title{font-size:50px;font-weight:700;text-align:center;padding-bottom:20px}#projects-container .projects-wrapper .divider{margin:0 auto;width:10%}#projects-container .projects-wrapper .projects-text{margin:0 auto;padding:20px 0;max-width:500px;text-align:center}#projects-container .projects-wrapper .projects{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}@media (max-width: 768px){#projects-container{padding:0 .75rem 50px;position:relative}#projects-container .projects-wrapper .projects-title{font-size:40px;font-weight:700;text-align:left;padding-bottom:0;margin:20px 0}#projects-container .projects-wrapper .projects-text{text-align:left}#projects-container .projects-wrapper .projects{max-width:60rem;margin:0 auto;width:100%;display:flex;overflow-x:auto}#projects-container .projects-wrapper .divider{margin:0;width:40%}}.technology-card-container{box-shadow:0 0 5px #0000001a;border-radius:4px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:1rem;max-height:200px;width:100%;transition:.5s;cursor:pointer}.technology-card-container:hover{box-shadow:0 0 20px #0003;transition:.5s}.technology-card-container .technology-card-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column}.technology-card-container .technology-card-wrapper .technology-icon{margin-bottom:.5rem}.technology-card-container .technology-card-wrapper .technology-icon svg{font-size:2.5rem}.technology-card-container .technology-card-wrapper .html svg{color:#dd4b25}.technology-card-container .technology-card-wrapper .css svg{color:#254bdd}.technology-card-container .technology-card-wrapper .javascript svg{color:#efd81d}.technology-card-container .technology-card-wrapper .sass svg{color:#c96195}.technology-card-container .technology-card-wrapper .wordpress svg{color:#003c56}.technology-card-container .technology-card-wrapper .reactjs svg{color:#5ed3f3}.technology-card-container .technology-card-wrapper .github svg{color:#000}.technology-card-container .technology-card-wrapper .bootstrap svg{color:#6e10ee}.technology-card-container .technology-card-wrapper .visualstudio svg{color:#3ca5ea}.technology-card-container .technology-card-wrapper .text-area .technology-card-text{font-size:16px;font-weight:500;text-align:center}.technology-card-container .technology-card-wrapper .text-area .technology-card-subtitle{font-size:14px;font-weight:700;text-align:center}#technologies-container{width:100%;padding:100px 0}#technologies-container .technologies-wrapper{max-width:60rem;margin:0 auto;width:100%;display:flex;gap:2.5rem}#technologies-container .technologies-wrapper .technologies-col-1{width:50%;display:flex;flex-direction:column;justify-content:center}#technologies-container .technologies-wrapper .technologies-col-1 .technologies-title{font-size:40px;font-weight:700}#technologies-container .technologies-wrapper .technologies-col-1 .divider{margin:20px 0}#technologies-container .technologies-wrapper .technologies-col-1 .technologies-context{margin:10px 0}#technologies-container .technologies-wrapper .technologies-col-2{width:50%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}@media (max-width: 768px){#technologies-container{max-width:60rem;margin:0 auto;width:100%;padding:0 .75rem 50px}#technologies-container .technologies-wrapper{width:100%;display:flex;flex-direction:column;gap:2rem}#technologies-container .technologies-wrapper .technologies-col-1{width:100%}#technologies-container .technologies-wrapper .technologies-col-1 .technologies-title{font-size:40px;font-weight:700}#technologies-container .technologies-wrapper .technologies-col-1 .technologies-context{margin:10px 0}#technologies-container .technologies-wrapper .technologies-col-2{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}}nav ul li{list-style:none}nav ul li a{text-decoration:none}footer{background-color:#1e3955}footer .footer-wrapper{max-width:60rem;padding:40px 0;margin:0 auto;display:flex;gap:10px}footer .footer-wrapper .footer-col{width:100%}footer .footer-wrapper .footer-col .footer-title{color:#fff;font-size:18px}footer .footer-wrapper .footer-col .divider{margin:10px 0}footer .footer-wrapper .footer-col .footer-nav ul li a{color:#fff;margin:3px 0;display:inline-block;position:relative}footer .footer-wrapper .footer-col .footer-nav ul li a:before{content:"";transition:.5s;position:absolute;bottom:0;width:0}footer .footer-wrapper .footer-col .footer-nav ul li a:hover:before{content:"";position:absolute;bottom:0;height:2px;background-color:#f5f5f5;width:100%;transition:.5s}footer .footer-wrapper .footer-col img{width:40%;border-radius:50%;border:3px solid #f5f5f5}footer .copyright{padding:10px 0;font-size:14px;background:#FFFFFF;text-align:center}@media screen and (max-width: 768px){footer .footer-wrapper{padding:40px .75rem;margin:0 auto;display:grid;row-gap:30px;grid-template-columns:1fr 1fr}footer .footer-wrapper .footer-col img{width:60%}}header{background:#1e3955;margin-bottom:-1px;position:relative;height:70px;width:100%}header .header-container{background:#1e3955;box-shadow:0 4px 17px 4px #0000001a;top:0;left:0;right:0;padding:10px .75rem;width:100%;position:fixed;z-index:99}header .header-container .header-wrapper{background:#1e3955;margin:0 auto;max-width:60rem;display:flex;justify-content:space-between;align-items:center}header .header-container .header-wrapper .brand img{width:100%;max-width:35px;height:auto}header .header-container .header-wrapper .header-mobile-btn{display:none}header .header-container .header-wrapper .header-navigation .header-nav ul{display:flex;width:100%;gap:20px}header .header-container .header-wrapper .header-navigation .header-nav ul li a{color:#fff;display:inline-block;position:relative;font-size:18px}header .header-container .header-wrapper .header-navigation .header-nav ul li a:before{content:"";transition:.5s;position:absolute;bottom:0;width:0}header .header-container .header-wrapper .header-navigation .header-nav ul li a:hover:before{content:"";position:absolute;bottom:0;height:2px;background-color:#f5f5f5;width:100%;transition:.5s}header .header-container .header-wrapper .header-navigation .information-container{display:none}@media (max-width: 768px){header{background:#1e3955;margin-bottom:-1px;position:relative;height:70px;width:100%}header .header-container{align-items:center;background:#1e3955;max-width:60rem;margin:0 auto;padding:15px .75rem;position:fixed;width:100%;z-index:99}header .header-container .brand{position:relative;z-index:999}header .header-container .brand img{width:100%;max-width:40px;height:auto}header .header-container .header-wrapper{background:#1e3955;margin:0 auto;max-width:60rem;display:flex;justify-content:space-between;align-items:center}header .header-container .header-wrapper .header-mobile-btn{position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;transition:all .5s ease-in-out;z-index:999}header .header-container .header-wrapper .header-mobile-btn .menu-btn{width:30px;height:3px;background:#FFFFFF;border-radius:5px;transition:all .5s ease-in-out}header .header-container .header-wrapper .header-mobile-btn .menu-btn:after,header .header-container .header-wrapper .header-mobile-btn .menu-btn:before{content:"";position:absolute;width:30px;height:3px;background:#FFFFFF;border-radius:5px;transition:all .5s ease-in-out}header .header-container .header-wrapper .header-mobile-btn .menu-btn:after{transform:translateY(-16px)}header .header-container .header-wrapper .header-mobile-btn .menu-btn:before{transform:translateY(16px)}header .header-container .header-wrapper .header-mobile-btn.close .menu-btn{transform:translate(-50px);background:transparent}header .header-container .header-wrapper .header-mobile-btn.close .menu-btn:before{transform:rotate(45deg) translate(35px,-35px)}header .header-container .header-wrapper .header-mobile-btn.close .menu-btn:after{transform:rotate(-45deg) translate(35px,35px)}header .header-container .header-wrapper .header-navigation{top:0;bottom:0;left:0;right:0;padding:.75rem;position:fixed;background:#1e3955;z-index:99;transform:translate(0);transition:all .5s}header .header-container .header-wrapper .header-navigation.close{transform:translate(-500px)!important;transition:all .5s}header .header-container .header-wrapper .header-navigation .header-nav{margin-top:80px}header .header-container .header-wrapper .header-navigation .header-nav ul{display:flex;width:100%;gap:20px;flex-direction:column}header .header-container .header-wrapper .header-navigation .header-nav ul li a{color:#fff;display:inline-block;position:relative;font-size:20px}header .header-container .header-wrapper .header-navigation .information-container{background:#FFFFFF;bottom:0;left:0;position:absolute;display:flex;width:100%;flex-direction:column;gap:10px;padding:.75rem}header .header-container .header-wrapper .header-navigation .information-container .information-link{color:#1890e0;text-decoration:none;font-weight:500}}#portfolio{width:100%;height:100%;overflow:hidden}*{padding:0;margin:0;box-sizing:border-box;font-family:Comfortaa,cursive;font-family:Public Sans,sans-serif}html{scroll-behavior:smooth}body{height:100vh;overflow-x:hidden}a,svg{transition:.4s}