@import url("https://use.fontawesome.com/releases/v5.15.3/css/all.css");@import url("https://fonts.googleapis.com/css2?family=Forum&family=Maitree:wght@400;600;700&family=Urbanist:wght@400;700;900&display=swap");body{background:#F2E3DE;color:#292929;font-family:"Urbanist",sans-serif;margin:0}h1,h2,h3,h4,h5,h6{font-family:"Maitree",serif;margin:0}small.sub-header{font-weight:900;color:#CD8E8E;text-transform:uppercase;margin:0}div.divider-line{height:3px;width:56px;background-color:#CD8E8E}strong{background:linear-gradient(120deg, rgba(227,191,191,0.7) 0%, rgba(227,191,191,0.7) 100%);background-repeat:no-repeat;background-size:100% 40%;background-position:0 90%}.btn-capsule-gradient-pink{background:#CD8E8E;border:0;border-radius:2rem;color:#fff;font-weight:700;padding:0.5rem 1.2rem;text-decoration:none;transition:all .2s ease-in}.btn-capsule-gradient-pink:hover{background:#E3BFBF;color:#BB5A5A}.project-cards{display:grid;gap:1rem;grid-template-columns:1fr;margin:1rem 0;max-width:100%}@media (min-width: 48em){.project-cards{grid-template-columns:1fr 1fr}}.card-project{border-radius:4px;box-shadow:0 0 15px rgba(205,142,142,0.3);width:100%}.card-project img{border-radius:4px 4px 0 0;width:100%}.card-project .card-content{padding:1rem}.main-container{align-items:center;display:flex;justify-content:center;height:100vh;width:100%}.container{background-color:#F2E3DE;display:flex;flex-direction:column;height:100%;overflow-x:hidden;width:100%}.content{display:block;flex-grow:0;height:0%;opacity:0;overflow-y:auto;padding:0;transition:all .5s ease, opacity .0s ease .5s, display .0s ease .5s;width:100%;z-index:-1}.content.active{flex-grow:1;background-color:#fff;opacity:1;width:100%;z-index:0}@media (min-width: 62em){.container{flex-direction:row;height:80%;max-width:62em;overflow:hidden}.content{width:0%;height:initial}.content.active{padding:2rem}}form{background-color:#F2E3DE;border-radius:4px;box-sizing:border-box;padding:2rem;box-shadow:0 0 15px rgba(205,142,142,0.3)}.input-container{position:relative;margin-bottom:1.5rem}label{display:block;color:#CD8E8E;pointer-events:none;position:absolute;transform-origin:0 50%;transition:all .2s;top:0.5rem;font-size:0.8rem;left:0.5rem}input,select,textarea{background:#fff;border-radius:4px;border:0;height:100%;outline:0;padding:0.5rem;width:100%;box-sizing:border-box;max-width:100%;margin:0;font-family:"Urbanist",sans-serif}input:focus ~ label,input:not(:placeholder-shown) ~ label,select:focus ~ label,select:not(:placeholder-shown) ~ label,textarea:focus ~ label,textarea:not(:placeholder-shown) ~ label{transform:translateY(-1.5rem) translateX(-0.5rem) scale(0.85)}button{border:none;cursor:pointer;width:100%}@media (min-width: 62em){form{width:22rem}}*{scrollbar-width:auto;scrollbar-color:#E3BFBF #fff}*::-webkit-scrollbar{width:16px}*::-webkit-scrollbar-track{background:#fff}*::-webkit-scrollbar-thumb{background-color:#E3BFBF;border-radius:10px;border:4px solid #fff}.tab{align-items:center;background-color:#E3BFBF;color:#BB5A5A;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:0.5rem 1rem;text-transform:uppercase;z-index:1}.tab p{margin:0}.tab.active{background-color:#CD8E8E;color:#fff}@media (min-width: 62em){.tab{writing-mode:vertical-lr;padding:1rem 0.5rem}}#content-about{display:flex}#content-about img{height:9rem;width:9rem;border-radius:50%;margin-right:2rem}@media (min-width: 62em){.container-flex{display:flex;padding:3rem}}@media (max-width: 62em){#content-about img{display:block;margin:0 auto 2rem}#content-about .container-flex{height:fit-content;padding:2rem}}.contact-icons a{color:#CD8E8E;font-size:2rem;margin-right:0.5rem}.contact-icons a:hover{color:#E3BFBF}#content-contact{display:flex;justify-content:center}#content-contact>div{height:fit-content;padding:2rem}#content-hello{background-repeat:no-repeat;background-position:right;background-size:contain;display:flex;align-items:center}#content-hello div{padding:2rem}#content-hello h1{font-family:"Urbanist",sans-serif;font-weight:700;font-size:4rem;text-transform:uppercase}#content-hello p{font-size:2rem;margin:0}@media (min-width: 62em){#content-hello div{padding:3rem}}#content-projects>div{padding:2rem}