h1 {color:#FFBD87; font-family: 'Alumni Sans';font-size:50px;padding:0px;margin:10px;}

h2 {color:#FFBD87; font-family: 'Alumni Sans';font-size:40px;margin:10px;}



h3 {color:#FFBD87; font-family: 'Alumni Sans';font-size:35px;margin:10px;}

p {color:#FFBD87; font-family: 'Pragati Narrow';font-size: 26px;padding:0px;margin:10px;}

small {color:#FFBD87; font-family: 'Pragati Narrow';margin:10px;font-size:15px;}

a {color:orange; font-family: 'Alumni Sans';font-size: 32px;padding:0px;margin:0px;transition-duration: 0.2s;}

a:hover {color:red;}

/* Layout */

body  {	background-color:black;margin-left:10%;margin-right:10%;font-family: 'Anton SC';font-size: 22px;}

section {
	
}

img {width:100%;padding:0px;margin:0px; font-family: 'Material Symbols';font-size: 22px;}


div {
	border-color:#FFBD87;
	border-width: 2px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: dotted;
	background-color:#161616;
	width:auto;
	margin:15px;
	padding:5px;
}

div:hover {
background-image: url("amsterdam.png");}

div.nav {
	background-color:#FF5E00;
	border-width: 0px;
	margin-top:0px;margin-bottom:0px;
}

.nav p {color:black;}

div.scroll-container {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
  	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
}

div.scroll-container img {
  padding: 0px;
}

div.imgbox p {
  padding: 0px;
	margin:10px;
}

div.imgbox {    background-color:#161616;
  padding: 0px;
  margin:0px;
  	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:40%;
	white-space: normal;
	display: inline-block;  vertical-align:top;
}

nav {background-color:;max-width:20%;min-width:20%;float:left;padding:0px;margin:0px;}

article {
	background-color:;max-width:80%;min-width:80%;float:right;padding:0px;margin:0px;
}

.collapsible {
  
  
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
 
}

aside {
  width: 30%;
  padding-left: 15px;
  margin-left: 15px;
  float: right;
  font-color: white;
background-color: black;}

span
{color: yellow}

span:hover
{transition: 2s;
	color: red}
	
title {font-size: 10px;}



div.gallery {
			background-image: url("bg.png");
			background-attachment: fixed;
			background-color: black;
            margin: 20px auto;
            
            overflow: auto;
            white-space: nowrap;          
        }
		
div.unit {background-color: #151B1B; overflow: visible; padding: 10px; white-space: wrap; max-width: 500px; display: inline-block; vertical-align:top;border-style: none;
	}
	
div.solounit {background-color: #151B1B; overflow: visible; padding: 30px; white-space: wrap; max-width: 400px; vertical-align:top;border-style: none; margin: auto;
	}
	
div.about {background-color: #232929; overflow: visible; padding: 0px; white-space: wrap; width: 95%; max-height: 200px; overflow: auto;border-style: none;
	}