*,:before,:after{box-sizing:border-box}html,body{background:#343a40;width:100%;height:100%;margin:0;padding:0}#coordinates{color:#fff;z-index:1000;font-size:18px;font-weight:700;position:fixed;top:0;left:0}#contact{z-index:999;position:fixed;bottom:10px;right:10px}#contact img{opacity:.5;filter:grayscale();will-change:transform, filter, opacity;transition:opacity .5s,filter .5s,transform .5s;display:block}#contact img:hover{opacity:1;filter:grayscale(0);transform:scale(1.1)}.map{justify-content:center;align-items:flex-start;margin-top:.5rem;margin-bottom:.5rem;display:flex}.map img{max-width:100%;height:auto;display:block;box-shadow:-8px 0 16px #0000004d,8px 0 16px #0000004d}@media (hover:none){#contact img:hover{opacity:.5;filter:grayscale();transform:none}}