:root{--primary-color: #1c3462;--secondary-color: #D7D7D7;--tertiary-color: #58570E;--quaternary-color: #747958;--quinary-color: #efec99;--bordes: 35px }#first-section{position:relative;width:100%;height:84vh;box-sizing:border-box;padding:0;margin:0}.container{position:relative;top:33.7%;left:40%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1}.container .slide .item{width:200px;height:300px;position:absolute;top:60%;transform:translate(100%,-50%);border-radius:var(--bordes);background-position:center;background-size:cover;display:inline-block;transition:.5s}.slide .item:nth-child(1),.slide .item:nth-child(2){top:0;left:0;transform:translate(0);border-radius:0;width:1920px;height:950px;margin-bottom:20px}.slide .item:nth-child(3){left:50%}.slide .item:nth-child(4){left:calc(50% + 220px)}.slide .item:nth-child(5){left:calc(50% + 440px)}.item .content{position:absolute;top:30%;left:100px;width:700px;text-align:left;color:var(--secondary-color);transform:translateY(-50%);display:none}.slide .item:nth-child(2) .content{display:block}.content .name{font-size:2.5rem;text-transform:uppercase;font-weight:700;opacity:0;animation:animate 1s ease-in-out 1 forwards}.content .des{margin-top:20px;margin-bottom:20px;opacity:0;animation:animate 1s ease-in-out .3s 1 forwards;font-size:1.5rem;color:var(--primary-color)}.content button{display:flex;padding:10px 20px;border:none;cursor:pointer;opacity:0;animation:animate 1s ease-in-out .6s 1 forwards}@keyframes animate{0%{opacity:0;transform:translateY(100px);filter:blur(33px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.button{width:100%;text-align:center;position:absolute;bottom:-140px;left:130px}.button button{backdrop-filter:blur(5px) saturate(200%);-webkit-backdrop-filter:blur(5px) saturate(200%);background-color:#d7d7d726;border-radius:var(--bordes);border:1px solid rgba(255,255,255,.125);color:var(--primary-color);padding:1rem;font-size:1rem;cursor:pointer;margin:1rem;transition:.3s}.button button:hover{background:#ababab}@media(max-width:768px){#first-section{position:relative;max-width:300px;max-height:750px}.item .content{top:23%;left:50px;width:320px;text-align:left}.content .name{font-size:1.5rem}.content .des{font-size:1.1rem}.container{position:relative}.slide .item:nth-child(1),.slide .item:nth-child(2){max-width:500px;max-height:860px;min-width:480px;min-height:855px}.slide .item:nth-child(3){display:none}.slide .item:nth-child(4){display:none}.slide .item:nth-child(5){display:none}}