body{background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff}a{text-decoration:none}.container{margin:0 auto;width:90%}.container__links{margin-top:10px;text-align:center;.link_item{display:inline-block;margin:0 1% 1%;text-align:center;a{background:transparent url(https://via.placeholder.com/120) no-repeat center center;background-size:cover;border:#000 3px solid;border-radius:6px;display:block;height:100px;width:100px;margin-bottom:30px;position:relative;&:hover{opacity:.5}span{color:#fff;font-size:.8em;position:absolute;top:106px;left:0;text-align:center;width:100%}@media only screen and (max-width: 768px){height:80px;width:80px;span{font-size:.7em;top:86px}}}}}.container__header{display:block;margin-bottom:30px;padding:1%;text-align:center;.header_ip{display:block;text-align:center;span{padding-right:8px}.header_ip__myip{font-size:1.8em}.header_ip__country_flag{img{vertical-align:bottom}}}.header_time{margin-top:10px}.container_timezones{@media only screen and (max-width: 768px){display:none}clear:both;margin-top:20px;text-align:center;.timezones__time{display:inline-block;padding:0 10px;span{display:block;img{margin-right:3px;vertical-align:bottom;width:16px}}}}}.container__links{&.container__links-md{.link_item{a{height:80px;width:80px;span{font-size:.7em;top:86px}@media only screen and (max-width: 768px){height:64px;width:64px;span{font-size:.6em;top:76px}}}}}}.container__links{&.container__links-sm{.link_item{a{height:60px;width:60px;span{font-size:.7em;top:66px}@media only screen and (max-width: 768px){height:50px;width:50px;span{font-size:.6em;top:56px}}}}}}.container__links{&.container__links-xs{margin-top:30px;.link_item{a{height:60px;width:60px;span{display:none}@media only screen and (max-width: 768px){height:50px;width:50px}}}}}.container__footer{font-size:.6em;opacity:.6;text-align:center;padding:20px 0 10px}