html 
		{
		scroll-behavior: smooth;
 		}

body 
		{
		border: 0vh solid black;
		-webkit-transition: all 0.5s ease-in;
   	-moz-transition: all 0.5s ease-in;
    	-ms-transition: all 0.5s ease-in;
    	-o-transition: all 0.5s ease-in;
     	transition: all 0.5s ease-in;
     	background-attachment: local;
    	background-size: 180vh;
   	background-repeat: no-repeat;
    	background-position: top center;
		background-color: black;
      /*color: white;
    	height: 100%;
    	width: 100%;*/
 		}

.ct 
		{
		border: 0vh solid black;
		height: 100vh;
   	display: flex;
    	align-items: center;
    	justify-content: center;   
   	text-align: center;
   	}
   	
.ct2 
		{
		border: 0vh solid black;
		height: 30vh;
   	display: flex;
    	align-items: center;
    	justify-content: center;   
   	text-align: center;
   	}

table 
		{
  		width: 90%;
		margin:10px auto;
		}


a:link 
		{
		color: white;
	  	text-decoration: none;
		}

a:visited 
		{
		color: white;
	  	text-decoration: none;
		}

a:hover 
		{
		color: red;
	  	text-decoration: underline;
		}

a:active 
		{
		color: white;
	  	text-decoration: underline;
		}
	
p 
		{
  		color: white;
  		font-family: Arial;
  		text-align: center;
		}
	
h1 
		{
  		color: tomato;
  		font-family: Verdana;
  		text-align: center;
		}
	
h2 
		{
  		color: white;
  		font-family: Arial;
  		text-align: center;
		}
		
h3 	
		{
  		color: white;
  		font-family: Arial;
  		text-align: center;
		}


h4 
		{
  		color: white;
  		font-family: Arial;
  		text-align: center;
		}
		
.centerimage 
		{
  		display: block;
  		margin-left: auto;
  		margin-right: auto;
		}

summary:focus 
		{
    		outline: none;
		}

summary 
		{
		text-align: center;
    		color: white;
		font-family: Arial;
		font-size: 25px;
		font-weight: bold;
	  	text-decoration: none;
		}

summary:hover 
		{
	  	text-decoration: underline;
		text-decoration-color: red;
		}
		
.sliderwrapper 
		{ 
		border: 0 solid white;
		height: 30vh;
   	display: flex;
    	position: relative;
		width: 100%;
		}
		
.slider 
		{
		position: absolute; 
		align-items: center;
    	justify-content: center;   
   	text-align: center;
		top:0;
		width: 100%;
		transition: top 0.5s 0.5s;			
		}

.slidetop 
		{
		top: 70%;
		}
		
*.scale 
		{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		
*.scale:hover 
		{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		}
		
*.transition 
		{
		-webkit-transition: all 1.5s ease-out;
		-moz-transition: all 1.5s ease-out;
		-ms-transition: all 1.5s ease-out;
		-o-transition: all 1.5s ease-out;
		transition: all 1.5s ease-out;				
		}