.login{width:800px;height:400px;display:flex;justify-content:center;align-items:center;background-color:#000;border-radius:2.75rem}.login__container{width:100%;max-width:400px;padding:20px;background-color:#fff;border-radius:2.75rem;box-shadow:0 3rem 10rem rgba(0,0,0,.1)}.login__container h2{margin-bottom:20px;text-align:center}.login__container form{display:flex;flex-direction:column}.login__container form input{margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:5px}.login__container form button{padding:10px;background-color:#f5f5b5;border:1px solid #ccc;border-radius:5px;cursor:pointer}.login__container p{margin-top:20px;text-align:center}.error{background-color:hsl(350,75%,45%);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;color:#000;border-radius:2rem}.error__information{font-size:5em;margin:1em;color:#000;animation:error 1.5s ease-in-out}@keyframes error{0%{transform:scale(0.5)}100%{transform:scale(1)}}#card_container{width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));gap:1.25rem;grid-auto-flow:row;padding:5rem 5rem}#card_container .education_card{width:20rem;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;flex-direction:column;justify-content:center;background-color:hsl(206,30%,40%);text-align:center;border:1px solid rgba(0,0,0,.1);padding-top:2rem;margin:0 auto;padding-bottom:1rem}#card_container .education_card h2{font-size:1.5rem;font-weight:600;color:#000;padding:0;margin:0}#card_container .education_card img{object-fit:cover;border-radius:20px;margin:0 auto}#card_container .education_card img:hover{box-shadow:0 0 10px rgba(0,0,0,.1);cursor:pointer}*,*::before,*::after{box-sizing:border-box}*{margin:0}body{background-color:brown;height:100dvh;width:100dvw;margin-inline:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto;gap:3rem}body nav{grid-area:nav;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:hsl(322,70%,30%);border-radius:30px;padding:1rem 2rem;margin:1rem;cursor:pointer;position:absolute;top:0;right:0}body img{max-width:100%;display:block}body #error_block{display:none}body #template_pages{grid-area:main;width:1280px;height:720px;border-radius:30px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 auto;padding:0 2rem;background-color:#fff}/*# sourceMappingURL=style.css.map */