* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    background-color: rgb(60, 60, 60);
    height: 100vh;
    width: 100vw;
    overflow: hidden; /* Hide scrollbars */
}
#naslov {
    /* color:rgb(0, 255, 255); */
    height: 15vh;
    width: 100vw;
    padding: calc(15vh/3);
    color: #FFFFFFFF;
    font-family: Calibri;
}

h1 {
    height: 100%;
    width: 100%;
    font-size: calc(15vh/3);
    text-align: center;
}

#buttons {
    height: 5vh;
    width: 100vw;
    /* background-color: gray; */
    display: inline-block;
}

button {
    height: 100%;
    width: 8%;
    border: 0;
    margin: 0 calc((100%/10 - 8%)/2);
    /* background-color: rgb(255, 153, 0, 0); */
    border-radius: 10px;
    position: inherit;
    border: 5;
    /* cursor: hand; */
}

button {
    height: 100%;
    width: 8%;
    margin: 0 calc((100%/10 - 8%)/2);
	box-shadow:inset 0px 1px 0px 0px black;
	background-color:transparent;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px black;
}
button:hover {
	background-color:transparent;
}
button:active {
	position:relative;
	top:1px;
}

        

#display {
    height: 80vh;
    width: 100vw;
    padding: calc((80vh - min(40vh,50vw))/2) calc((100vw - min(40vh,50vw))/2);
}

.svg_div {
    height: min(40vh,50vw);
    width: min(40vh,50vw);
    /* background-color: white; */
    /* border-color: white; */
    /* border-width: 1px; */
    /* border-style: solid; */
}