/* ea */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');


body,html
{
margin:0;
padding:0;

height:100%;

background-color:#000000;
background-image: url(style/bg0002.jpg);
background-repeat:repeat;
background-position: center center;

color:white;
font-family:Arial;
}


header
{
width:100%;
}

footer
{
width:100%;
min-height:50px;
}



/* divs */
.innercont
{
width:90%;
max-width:1000px;
margin:auto;
text-align:left;
}

.ghost
{
background-color:rgba(255,255,255,0.2);
}



.pagetitle
{
color:orange;
font-family:Poppins;
font-size:5vw;
}



.col2s
{
position:relative;
display:inline-block;

margin:4px;

width:40%;

min-height:50px;
border:1px solid grey;

font-family:Poppins;
}





.coltext
{
position:absolute;
top:10px;
left:10px;
}









.menu
{
display:inline-block;
padding:8px;
color:white;
font-family:Poppins;
}

.menu:hover
{
display:inline-block;
background:orange;
color:white;
}





#hiddenmenu
{
display:none;
}






a:link, a:visited, a:hover, a:active
{
text-decoration:none;
color:white;
}






img
{
border:none;
max-width:100%;
}


.galpic
{
display:inline-block;
}



.myimg
{
display:inline-block;
width:200px;
height:200px;

object-fit:cover;
margin:5px;
border:1px solid black;
}

@media only screen and (max-width: 600px)
{
.myimg
{
width:100px; 
display:inline-block;
height:100px;
margin:5px;
border:1px solid black;
}
}







/* sticky */
#sticky
{
display:none;
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:yellow;
}