.container{max-width:1280px;padding:0 1.5rem;margin:auto;overflow:visible}.btn-dark,.btn-light,.btn-main{display:inline-block;padding:.8rem 2rem;transition:all .5s;border:none;cursor:pointer;border-radius:10px}.btn-main{color:#fff;background-color:#2499f8;font-size:1.2rem}.btn-light{color:#333;background-color:#fff;font-size:1.2rem}.btn-dark{color:#f4f4f4;background-color:#333;font-size:1.2rem}button[class^=btn-]:hover,a[class^=btn-]:hover,input[class^=btn-]:hover{background-color:#2499f8}.line-default{width:50%;margin:0px auto;border:#2499f8 .5px solid}.bg-main{background:#2499f8;color:#000}.bg-dark{background:#333;color:#fff}.bg-light{background:#fff;color:#000}.bg-medium{background:#ccc;color:#000}.lead{font-size:1.3rem;margin-bottom:2rem}.text-center{text-align:center}.py-1{padding:1rem 0}.py-2{padding:2rem 0}.py-3{padding:3rem 0}.py-4{padding:4rem 0}.my-1{margin:1rem 0}.my-2{margin:2rem 0}.my-3{margin:3rem 0}.my-4{margin:4rem 0}.section-title{font-size:2rem;display:block;padding-bottom:.5rem;text-align:center;font-weight:100;text-transform:uppercase}.bottom-line{height:2px;width:3rem;background:#2499f8;display:block;margin:0 auto 1rem auto}a{color:#fff}.items{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.item{position:relative;height:100%;width:400px;background:#2499f8;overflow:hidden;border-radius:5px;box-shadow:0 5px 10px 0 rgba(0,0,0,.3)}.item::after{content:"";position:absolute;display:block;background:inherit;opacity:.97;top:0;left:0;width:100%;height:100%;transform:scale(2) translateX(-75%) translateY(-75%) rotate(-28deg);transition:transform 1.5s cubic-bezier(0.2, 1, 0.3, 1)}.item:hover:after{transform:scale(2) translateX(0) translateY(0) rotate(-28deg)}.item:hover .item-image{transform:scale(1.2)}.item:hover .item-text{opacity:1;transform:translateY(0)}.item-image{height:auto;transform:translateZ(0);display:block;transition:transform 750ms cubic-bezier(0.2, 1, 0.3, 1)}.item-image:before{content:"";display:block;padding-top:75%;overflow:hidden}.item-image img{position:absolute;top:0;left:0;width:100%;height:100%;line-height:0}.item-text{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;text-align:center;z-index:1;color:#fff;transform:translateY(-20%);transition:opacity 400ms cubic-bezier(0.2, 1, 0.3, 1),transform 500ms cubic-bezier(0.2, 1, 0.3, 1);transition-delay:300ms}.item-text-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.item-text-title{font-size:2rem;margin:5px 0 0 0;color:#fff}.item-text-title:hover{color:#cdc9ff}.item-text-subtitle{font-size:1.1rem;margin:5px 0 0 0;color:#fff}.item-text-subtitle:hover{color:#cdc9ff}.item-text-category{text-transform:uppercase;font-size:1.2rem;opacity:.7;margin:0}.item-text-icons{display:flex;margin-top:15px;gap:15px;justify-content:center}html{scroll-behavior:smooth;height:100%}*{margin:0;padding:0}body{font-family:"Dosis",sans-serif;line-height:1.6;background:#f4f4f4;height:100%}a{text-decoration:none;color:#333}ul{list-style:none}h2,h3,h4{text-transform:uppercase}img{width:100%}body.dark{background-color:#121212;color:#fff}body.dark .btn-header{background-color:#1e88e5;color:#eee}body.dark .bio{background-color:#333;color:#fff}body.dark .skills div{background-color:#333 !important}body.dark .contact-form input,body.dark textarea{background-color:#333 !important}body.dark .theme-toggle div{margin-left:calc(100% - 16px);background-image:url("../img/moon.png");transform:rotate(180deg)}#logo{width:auto;height:70px;border-radius:5px}#main-nav{display:flex;justify-self:center;justify-content:space-between;align-items:center;width:90%;padding:1rem 0;margin:0 auto}#main-nav ul{display:flex}#main-nav li{padding:1.5rem;font-size:1.1rem}#main-nav a{text-decoration:none;color:#fff;text-transform:uppercase;border-bottom:3px rgba(0,0,0,0) solid;padding-bottom:.5rem;transition:border-color .5s}#main-nav a:hover{border-color:#ccc}#main-nav a.current{border-color:#2499f8}#main-nav .logo-link{border:0;padding:0;transition:none}.link-wrapper{display:flex;gap:20px;align-items:center}.theme-toggle{display:flex;align-items:center;cursor:pointer;border-radius:15px;padding:3px;width:45px;height:20px;border:#e6e6e6 1px solid;background:none}.theme-toggle div{opacity:0;background-image:url("../img/sun.png");z-index:100;width:16px;height:16px;margin-left:0px;transition:margin-left .4s ease-out,transform .4s ease-out}.theme-toggle div.complete{margin-left:calc(100% - 16px);transition:none}#header-home{background:url("../img/showcase.avif") no-repeat center right/cover;height:75vh;color:#fff}#header-home .header-content{text-align:center;padding-top:10%}#header-home .header-content h1{font-size:4rem;line-height:1.2}#header-home .header-content h2{height:2.5rem}#header-home .btn-header{margin-top:8px}#header-home .btn-header:hover{color:#fff}#header-inner{background:url("../img/showcase.avif") no-repeat 20% 30%/cover;height:6.5rem;border-bottom:3px solid #2499f8}#home-a .specials{margin-top:3rem;display:grid;gap:1rem;grid-template-columns:repeat(4, 1fr)}#home-a .specials .fas{color:#2499f8;padding-bottom:.4rem}#home-c .process{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;text-align:center}#home-c .process-step{position:absolute;top:0;right:0;font-size:28px;background:#2499f8;color:#000;border-radius:50%;height:15px;width:15px;line-height:15px;padding:1rem;transition:all 1s}#home-c .process-icon{border-radius:50%;background:#333;color:#fff;padding:2rem;width:70px;height:70px;line-height:70px;text-align:center;position:relative;transition:all 1s}#home-c .process-icon:hover{background:#2499f8;width:90px;height:90px;line-height:90px}#home-c .process-icon:hover .process-step{background:#333;color:#fff}#about-a .about-info{display:flex;gap:1.2rem}#about-a .about-info .bio{border-left:3px solid #2499f8;padding:.8rem;border-top-right-radius:20px;border-bottom-right-radius:20px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}#about-a .about-info .bio-image{box-shadow:0 2px 5px 0 rgba(0,0,0,.1);border-radius:25%}#about-a .about-info img{min-width:300px;max-width:300px;align-self:center}#about-b .skills{display:flex;flex-wrap:wrap;justify-content:center}#about-b .skills div{padding:1rem 0;margin:.5rem;border-radius:5px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}#about-b .skills ul li{line-height:2;width:20vw}#about-b .skills ul li.skills-title{font-size:2rem;line-height:1.2}#about-b .skills ul li.skills-subtitle{font-size:1rem;color:#2499f8}#contact-a form{max-width:700px;margin:0 auto}#contact-a textarea{resize:none}#contact-a .text-fields{display:grid;grid-template-areas:"name email" "subject phone" "message message";gap:1.2rem;margin-bottom:1.2rem}#contact-a .text-fields .name-input{grid-area:name}#contact-a .text-fields .subject-input{grid-area:subject}#contact-a .text-fields .email-input{grid-area:email}#contact-a .text-fields .phone-input{grid-area:phone}#contact-a .text-fields .message-input{grid-area:message;height:150px}#contact-a .text-fields .text-input{padding:.5rem 1rem;font-size:1.2rem;border:1px solid #121212;border-radius:5px}#contact-a button[type=submit]{width:50%}#contact-b .contact-info{display:grid;grid-template-columns:repeat(3, 1fr);text-align:center}#contact-c h1{text-align:center;font-size:4rem}#contact-a .container{min-height:70vh}#main-footer{background:#333;color:#fff;height:5rem}#main-footer .footer-content{display:flex;justify-content:space-between;height:5rem;align-items:center}#main-footer .footer-content .social{display:flex;justify-content:space-between;gap:10px;font-size:1.5rem}#main-footer .footer-content .social .fab,#main-footer .footer-content .social .fas{display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;line-height:20px;text-align:center;padding:.5rem}#main-footer .footer-content .social a{color:#fff}@media(max-width: 1000px){#header-home{height:30rem}#header-home .header-content{padding-top:3rem}#about-b .skills ul li{width:30vw}}@media(max-width: 900px){.about-info{flex-direction:column}}@media(max-width: 800px){#header-home{height:25rem}#header-home .header-content{padding-top:.5rem}#home-a .specials,#home-b,.items{grid-template-columns:1fr}#home-a .specials div{border-bottom:1px #fff solid;padding-bottom:1rem}#home-a .specials div:last-child{border:none;padding-bottom:0}#home-b{margin:20px}#home-b .items{gap:50px}#about-b .skills ul li{width:30vw}#about-b .skills ul li.skills-title{font-size:1.8rem;line-height:1.2}#about-b .skills ul li.skills-subtitle{font-size:1rem;color:#2499f8}}@media(max-width: 600px){#main-nav{flex-direction:column;align-items:center}#main-nav li{padding:1rem}#header-home{height:10rem;border-bottom:3px solid #2499f8;background-position:20% 30%}#header-home .header-content{display:none}#header-inner{height:10rem}#home-a .specials,#home-b,#contact-b .contact-info,.items{grid-template-columns:1fr}#home-a .specials div{border-bottom:1px #fff solid;padding-bottom:1rem}#home-a .specials div:last-child{border:none;padding-bottom:0}#home-b .stats div{padding:2rem 0 1rem}#about-a .about-info{grid-template-areas:"bioimage" "bio"}#about-b .skills{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}#about-b .skills div{width:50vw}#about-b .skills ul li{margin:0 auto}#about-b .skills ul li.skills-title{font-size:1.5rem;line-height:1.2}#about-b .skills ul li.skills-subtitle{font-size:.8rem;color:#2499f8}#contact-a .text-fields{grid-template-areas:"name" "subject" "email" "phone" "message"}#contact-b .contact-info{display:flex;justify-content:space-evenly;font-size:.9rem}#main-footer{height:7rem}#main-footer .footer-content{flex-direction:column;padding:1rem;height:5rem}}@media(max-height: 750px){#header-home .header-content{padding-top:2rem}}@media(max-height: 580px){#header-home .header-content{padding-top:3rem}}@media(max-height: 330px){#header-home .header-content h1{font-size:2rem}}