.container{max-width:1200px;padding:0 1.4rem;margin:auto}.btn-dark,.btn-light,.btn-primary{display:inline-block;padding:.7rem 2rem;transition:all .5s;border:none;cursor:pointer}.btn-primary{color:#333;background-color:#ef6d6d}.btn-light{color:#333;background-color:#f4f4f4}.btn-dark{color:#fff;background-color:#333}button[class^=btn-]:hover,a[class^=btn-]:hover,input[class^=btn-]:hover{background-color:#ef6d6d}.bg-dark{background-color:#333}.bg-primary{background-color:#ef6d6d}.bg-light{background-color:#f4f4f4}.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}.text-center{text-align:center}.section-title{font-size:2rem;padding-bottom:1rem;text-transform:uppercase}.border-bottom{height:3px;width:3rem;background-color:#ef6d6d;margin:0 auto 1rem auto}.lead{font-size:1.4rem;margin-bottom:2rem;word-spacing:2px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff;font-family:"Prompt",sans-serif;line-height:1.5}a{text-decoration:none;color:#333}ul{list-style:none}img{width:100%}.main-nav{display:flex;justify-content:space-between;padding-top:1rem}.main-nav__logo{width:70px;height:70px}.main-nav__items{display:flex}.main-nav__items li{padding:1rem 1.5rem}.main-nav__items li 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__items li a:hover{border-color:#ccc}.main-nav__items li a.active{border-color:#ef6d6d}#header__home{background:url("../img/bg.jpeg") no-repeat center right/cover;height:100vh;text-shadow:2px 2px 8px rgba(0,0,0,.864);color:#fff}#header__home .container .main-nav li a{color:#fcfcfc}#header__home .header-content{text-align:center;padding-top:30%}#header__home h1{font-size:4rem;line-height:1.2}#header__home .typewrite{display:block}#header__inner{background:rgba(0,0,0,0);height:6rem}#header__inner .container .main-nav li a{color:#000;text-shadow:2px 2px 8px rgba(62,61,61,.401)}#home__a .skills{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;margin-bottom:2.5rem}#home__a .skills i{color:#ef6d6d;padding-bottom:.5rem}#home__b .flipcard-container{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}#home__b .flipcard{width:300px;height:130px;perspective:1000px;margin:0 50px}#home__b .flipcard__inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}#home__b .flipcard:hover .flipcard__inner{transform:rotateY(180deg)}#home__b .flipcard__face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}#home__b .flipcard__face--front{background-color:#fff}#home__b .flipcard__face--front img{width:100%;height:100%;object-fit:cover}#home__b .flipcard__face--back{background-color:#ef6d6d;color:#fff;transform:rotateY(180deg);padding:1rem;text-align:center}#home__b .flipcard__face--back .title{font-size:1.3rem;margin-bottom:.5rem}#home__b .flipcard__face--back .number{font-size:1.1rem}#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:25px;background-color:#ef6d6d;border-radius:50%;line-height:15px;padding:1rem;transition:all 1s}#home__c .process__icon{position:relative;width:125px;height:125px;border-radius:50%;background-color:#333;color:#fff;padding:2rem;text-align:center}#home__c .process__icon:hover{background-color:#ef6d6d}#home__c .process__icon:hover .process__step{background-color:#333}#about-a .info{display:grid;grid-template-columns:1fr 2fr;gap:1.2rem}#about-a .info__image{border:1px solid #f4f4f4;padding:.5rem;border-radius:3px}#about-a .info__bio{border:1px solid #f4f4f4;padding:.8rem}#about-b{color:#fff}#about-b .progress{height:20px;background-color:#ccc;border-radius:5px;margin-bottom:.8rem}#about-b .progress div{height:100%;text-align:center;background-color:#ef6d6d}#main-footer{background:#333;color:#fff;height:5rem}#main-footer .footer-content{display:flex;justify-content:space-between;align-items:center;height:5rem}#main-footer .footer-content .social .fab{margin-right:1rem;color:#fff;border:2px solid #fff;border-radius:50%;text-align:center;padding:.6rem;transition:all .6s}#main-footer .footer-content .social .fab:hover{background:#ef6d6d}.items{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;box-shadow:rgba(149,154,145,.2) 0px 8px 24px;margin:10px}.items .item{position:relative;background-color:rgba(255,68,0,.31);overflow:hidden}.items .item::after{content:"";position:absolute;display:block;background-color:hsla(0,0%,100%,.66);opacity:.8;top:0;left:0;width:100%;height:100%;transform:translateX(-120%) translateY(-120%) rotate(45deg);transition:transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.items .item:hover::after{transform:scale(2) translateX(-50%) translateY(-50%) rotate(45deg)}.items .item .item__image{width:100%;overflow:hidden}.items .item .item__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .5s ease}#contact-a .form-fields{display:grid;grid-template-areas:"name email" "subject phone" "message message" "button button";gap:1rem;margin-bottom:1rem}#contact-a .form-fields .name{grid-area:name}#contact-a .form-fields .email{grid-area:email}#contact-a .form-fields .phone{grid-area:phone}#contact-a .form-fields .subject{grid-area:subject}#contact-a .form-fields .message{grid-area:message;height:180px}#contact-a .form-fields .btn-dark{grid-area:button}#contact-a .form-fields .input{padding:.5rem 1rem}#contact-b .contact-info{display:grid;grid-template-columns:repeat(2, 1fr);text-align:center;color:#fff}#contact-b .contact-info .email-link{position:relative;text-decoration:none;color:#fff}#contact-b .contact-info .email-link::after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background-color:#fff;transition:width .3s ease}#contact-b .contact-info .email-link:hover::after{width:100%}@media(max-width: 768px){#header__home{height:30rem}#header__home .header-content{padding-top:7rem}#header__home .header-content h1{font-size:2.6rem}#home__a .skills,#home__b .profile,#home__c .process,.items{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 576px){#home__a .skills div{border-bottom:1px #f4f4f4 solid;padding-bottom:1rem}#home__a .skills div:last-child{border:none;padding-bottom:0px}.lead{font-size:1rem;margin-bottom:1.2rem;word-spacing:1px}#header__home{height:10rem;border-bottom:3px solid #ef6d6d;background-position:20% 30%}#header__home .header-content{display:none}#header__inner{height:10rem}.main-nav{flex-direction:column;align-items:center}.main-nav li{padding:1rem}#home__a .skills,#home__b .flipcard,#home__c .processi .items,#contact-b .contact-info{grid-template-columns:1fr}#main-footer{height:7rem}#main-footer .footer-content{flex-direction:column;padding:1rem;height:5rem}#main-footer .footer-content .social{padding-top:1rem}#about-a .info{grid-template-columns:1fr}#contact-a .form-fields{grid-template-areas:"name" "email" "subject" "phone" "message" "button"}#contact-b div{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #fff}#contact-b div:last-child{border:none;padding-bottom:0;margin-bottom:0}}/*# sourceMappingURL=main.css.map */