*,:after,:before{border:0;box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{height:0;width:0}li{list-style:none}a,a:hover,a:visited{text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}img{vertical-align:top}body,html{height:100%}html{font-size:16px;scroll-behavior:smooth}body{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1;overflow-x:hidden}.header{background-color:#212529;padding:1rem}.nav{margin:0 auto;max-width:1320px}.nav__link{color:#fff;font-size:1.25rem}.main{background-color:#fff;margin:0 auto;max-width:1320px;padding:1rem;position:relative}.buttons,.main{grid-gap:1rem;display:grid;gap:1rem}.buttons{grid-template-columns:1fr 1fr 1fr}.cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.cards{grid-template-columns:1fr 1fr}}@media(min-width:992px){.cards{grid-template-columns:1fr 1fr 1fr}}.button{background-color:#6c757d;border-radius:.2rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:all .15s ease-in-out 0s}.button_active{background-color:#212529}@media(any-hover:hover){.button:hover{background-color:#212529}}.button:active{transform:translateY(2px)}.card{background-color:#dee2e6;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;padding:0 .5rem}.card_img{grid-gap:1rem;background-color:#fff;display:grid;gap:1rem;grid-template-columns:1fr 2fr}.card__body{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.card__header{display:flex;flex-wrap:wrap;gap:.5rem}.card__created{align-self:flex-end;color:#6c757d;font-size:1rem;line-height:1.5rem}.title{font-size:1.25rem;font-weight:500}.picture{padding-bottom:100%;position:relative}.image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.modal{background:#000000b3;display:grid;height:100vh;left:0;overflow:scroll;padding:1rem;place-items:center;position:fixed;right:0;top:0;z-index:2}.modal__content{background:#fff;border-radius:.25rem;margin:auto;max-width:400px;width:100%}.modal{opacity:1;visibility:visible}.modal,.modal>div{transition:all .5s ease 0s}.modal>div{transform:translateY(0)}.modal_hidden{opacity:0;visibility:hidden}.modal_hidden>div{transform:translateY(-20vh)}.modal__header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem}.modal__header_Alive{background-color:rgba(0,128,0,.314)}.modal__header_Dead{background-color:rgba(128,0,0,.314)}.modal__header_unknown{background-color:rgba(0,0,0,.314)}.modal__close{background-color:initial;cursor:pointer;font-size:2rem;font-weight:500}.modal__body{border-bottom:1px solid #dee2e6;padding:1rem}.modal__created{color:#6c757d;font-size:.75rem;line-height:1rem;margin-bottom:.5rem;text-align:end}.modal__footer{display:flex;justify-content:flex-end;padding:1rem}
/*# sourceMappingURL=main.css.map*/