body{height:100vh;margin:0;padding:0;background-image:url(../background4.svg);background-position:bottom;background-repeat:no-repeat;background-size:100vw auto;background-color:#f5f5f5;font-family:sans-serif}.header{background-color:#4d166e;padding-inline:7vw;padding-block:1vh;display:flex;justify-content:space-between;align-items:center}.logo{max-height:100px;width:auto;height:100%}@media (max-width: 768px){.logo{max-height:45px}}@media (max-width: 320px){.logo{max-height:24px}}.content{display:flex;flex-direction:column;margin-inline:8vw;margin-top:3vh}.content-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vh;margin-top:3vh}.buttons{display:flex;gap:2vw}.button{background:#6750a4;border:none;border-radius:2em;height:fit-content;width:fit-content;padding-block:10px;padding-inline:20px;color:#fff;font-size:18px;font-weight:700;letter-spacing:.1px;cursor:pointer}.button:hover{background:#4d3a8c}.text{color:#000;font-size:57px;font-weight:400;line-height:64px}.filters{width:55%;display:flex;gap:1vw;align-items:center;height:3rem}.container{display:flex;flex-direction:row;margin:5vh 7vw;align-items:flex-start;gap:7vw}.content-files{display:flex;justify-content:center;flex-direction:column;margin-top:5px;margin-right:10vw;gap:5vh;width:100%}.title{font-size:2.5rem;font-family:sans-serif}