@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@600;900&display=swap";.not-found-container{display:grid;place-items:center;height:80vh}.not-found-messages{text-align:center;width:50%}.not-found-messages h1{font-family:Montserrat,sans-serif;font-size:230px}.not-found-messages h4{font-size:1.5rem;font-weight:800}.not-found-container .buttons{display:flex;justify-content:center;padding:2rem;gap:1rem}.not-found-button{font-weight:800;padding:1rem;border:2px solid var(--c-primary);border-radius:var(--b-radius);transition:all .2s ease-in-out}.not-found-button.home{background-color:var(--c-primary);color:var(--c-white)}.not-found-button.home:hover{border-color:var(--c-primary-dark);background-color:var(--c-primary-dark);color:var(--c-white)}.not-found-button.back{color:var(--c-primary)}.not-found-button.back:hover{color:var(--c-white);border-color:var(--c-gray);background-color:var(--c-gray)}@media only screen and (max-width: 1024px){.not-found-container{height:90vh}.not-found-messages{width:70%}}@media only screen and (max-width: 768px){.not-found-container{height:75vh}.not-found-messages h1{font-size:160px}}@media only screen and (max-width: 425px){.not-found-messages h1{font-size:100px}.not-found-messages h4{font-size:1rem}.not-found-container .buttons{padding:2rem .5rem .5rem}}@media only screen and (max-width: 425px){.not-found-container{padding:1rem;height:80vh}.not-found-container .buttons{padding:3rem .5rem;width:100%}.not-found-messages{width:90%}}@media only screen and (max-width: 375px){.not-found-container{padding:0}}@media only screen and (max-width: 320px){.not-found-messages{width:100%}.not-found-messages h1{font-size:80px}.not-found-button{font-size:.9rem;padding:.5rem}}