#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.container{border:10px solid #2afe8b;padding:60px;width:600px;height:600px;position:relative}#map{background-image:url(../img/outlinemap_treearrow.77299d87.svg);background-size:contain;background-position:50%;background-repeat:no-repeat}#post{position:absolute;transform:translate(calc(-50% - 10px),calc(-50% - 10px));width:20px;height:20px;background-color:green;border-radius:50%;cursor:pointer}#post:hover .pop-up{background-color:green;display:block}#coordinates{display:flex;margin:20px;background-color:orange;padding:20px;color:#fff}#coordinates div{margin:10px 20px;font-size:20px}