html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    cursor: default;
    width: 100%;
    height: 100%;
}


.hotspot {
    position: absolute;
    visibility: hidden;
    cursor: default;
    vertical-align: middle;
    top: 0;
    z-index: 1;
    height: 50px;
    width: 50px;
    border-radius: 25px;
	border-width: thick;
    background-image: url('img/hotspot.svg');
    background-color: rgba(10, 150, 10, 0.8);
}

.hotspot:hover {
    background-color: rgba(50, 255, 50, 0.8);
}