@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400&display=swap);
html{box-sizing:border-box;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}.header{border-bottom:1px solid #c3c3c3;margin:0;padding:0}.header__link{display:block;margin:0 auto;width:170px}.header__logo{display:block;margin:0;width:100%}.body{display:flex;flex-direction:column;font-family:nunito,sans-serif;font-weight:lighter;justify-content:space-between;margin:0;min-height:100vh;padding:0;text-align:center}.article{display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1024px;padding:20px;row-gap:20px}@media (min-width:768px){.article{grid-template-columns:repeat(5,1fr)}}.country{color:#232f3e;display:grid;grid-template-rows:2fr .5fr;position:relative;text-align:center;text-decoration:none}.country:hover .country__img{transform:rotate(4deg)}.country:hover .country__title{color:#000}.country__img{border-radius:100%;display:block;height:auto;margin:0 auto;transition:all .4s;width:70%}.country__title{font-size:18px;font-weight:700;line-height:36px;margin:0;padding-top:6px}.footer{background:#fafafa;display:block;padding:20px 20px 30px}.footer__box{margin:0 auto;max-width:984px}.footer__copyright{border-top:1px solid #c3c3c3;color:#c3c3c3;display:block;padding:10px 10px 0;width:100%}