@charset:"UTF-8";

body{
background-color:#eee;
font-family:Monaco, monospace;
font-size:14px;
/*
font-size: calc(7px + 1.8vw); */
}

.grid-container {
position:relative;
display: grid;
grid-template-columns: 30% 30% 30%;
gap: calc(10px + 1vw);
column-gap: calc(10px + 1.8vw);
background-color: #eee;
top:115px;
padding:0px;
margin:0px;
margin-bottom:200px;
width:100%;
max-width:800px;
justify-content: center;
font-size:14px;
/*
font-size: calc(9px + 0.6vw); */
}

.grid-container > div {
background-color: #eee;
text-align: center;
/*
font-size: calc(9px + 0.6vw); */
font-size: 14px;
margin-left:2px;
margin-right:2px;
justify-content: center;
line-height:24px;
/*line-height: clamp(14px, 3.4vw, 8px);*/
}

/*nog even samenvoegen*/
img.rel{
width:100%;
max-width:300px;
border:2px black solid;
background-color:transparent;
margin-bottom:0px
}
.rel {
width: auto;
min-width: 90px;
max-width: 350px;
aspect-ratio: 4 / 3; /* Breedt 400, hoogte 300 = verhouding 4:3 */
height: auto;
}

/* deze rel2 is alleen voor amusic.html */
img.rel2{
width:100%;
max-width:300px;
border:2px black solid;
background-color:#cccccc;
}

/*nog even samenvoegen*/
img.noborder{
width:100%;
max-width:300px;

border:0px black solid;
background-color:transparent;

}
.noborder {
width: auto;
min-width: 90px;
max-width: 350px;
aspect-ratio: 4 / 3; /* Breedt 400, hoogte 300 = verhouding 4:3 */
height: auto;
}

.head-container{
background-color:#eee;
z-index:20;
position:fixed;
width:100%;
top:0px;
left:0px;
right:0px;
height:120px;
padding-left:10px;
}

H1 {
font-family:Monaco, monospace;
font-weight: normal;
font-size: clamp(25px, 2.5vw, 35px) !important;
margin-top: 25px;
margin-bottom:15px;
margin-left: 10;
margin-right: 0;
letter-spacing:1px
}

a:link, a:visited, a:hover, a:active{
color:black;
text-decoration:none;
font-family: Monaco, Monospace;
font-size:14px;
/*
font-size: calc(9px + 0.6vw); */
margin-top:8px;
}

option{
font-family: Monaco, Monospace !important;
font-size: 14px;
/* font-size: calc(12px + 0.2vw); */
background-color:transparent
}

select{
background-color:white;
font-family:Monaco, monospace !important;
height:26px;
width:160px;
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
margin-top:0px;
margin-left:10px;
font-size: 14px;
/* font-size: calc(12px + 0.2vw); */
letter-spacing:0px
}

td{
font-size: 14px;
line-height:20px
}