body{
background-image:url(images/space.jpg);
	margin-left: auto;
	margin-right: auto;
	max-width:1600px;
	min-width:800px;
	padding-bottom:64px;
}

p{
	font-family: "Orbitron", serif;
	color:black;
font-weight: 400;
font-size: 16px;
	  

}

header{
	padding-left:96px;
}

.logo {
	float: right;
	padding-right:200px;
	padding-top:200px;
	margin-left: auto;
	margin-right: auto;
	 transition: transform 1s;
	
}
.logo:hover{
	transform: rotate(1080deg);
	
}
nav {
	padding-bottom:32px;
	padding-left:96px;
}

nav ul{
	font-family: "Orbitron", serif;
display: inline;
text-align: center;
list-style: none;
list-style-type: none;
color: white;
border-style:double;
border-color: yellow ;
border-radius: 100px;
	text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6,
}

nav ul li a{
	font-family: "Orbitron", serif;
	text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6,
	text-decoration: none;
	color: white;
	display: inline;
	text-align: center;
	padding-right: 64px;
	
}

nav ul li{
font-family: Manrope;
display: inline;
text-align: center;
font-weight:600;
font-size:24px;
}


header{
padding-top: 128px;
}

h1 {
	 font-family: "Orbitron", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
	font-weight: 400;
	color: white;
	font-size: 72px;
	text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
}

h2 {
font-family: "Orbitron", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
	font-weight: 400;
	color: white;
	font-size: 24px;
}


.combotext {

	width:60%;
	align:center;
}
.comboimg {
	padding-top:32px;
}
.alien {
	align-content: center;
	
}
.box {
	border-style: solid;
	border-color:#FF9966;
	flex: 50%;
  padding: 0 4px;
 padding-left:10px;
	width:920px;
	margin: 25px;
	display: inline-block;
}


.central {
	background-image: url("images/swissmain.jpg");
	background-size: cover;
	padding: 20px 20px 50px 20px;
	color: white;
	text-align: center;
}

.central2 {
	background-image: url("images/cheesemain6.jpg");
	background-size: cover;
	padding: 20px 20px 50px 20px;
	color: white;
	text-align: center;
}
.central3 {
	background-image: url("images/cheesecent3.jpg");
	background-size: cover;
	padding: 20px 20px 50px 20px;
	color: white;
	text-align: center;
}
.chaos {
	background-color: #b9a88e;
	background: #006005
	background-size:100%;
	color: white;
	padding: 30px 20px 60px;
	text-align: center;
	border-radius: 20px;
		border-style: solid;
	border-color: black;
	 transition: transform 1s;
}
.chaos:hover{
	transform: rotate(8deg);
}
	
.hometext {
	padding-left:40em;
	width:90%;
	text-align:center;
}


.col {
	width: 100%;
	align-content: vertical;
}

.row:before, .row:after {
	content: center;
	display: table;
	align:center;
}

.row:after {
	clear: both;
	align:center;
}

a {
	text-decoration: none;
}

a:hover {
	color: yellow;
	
	text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6;
}

.footer-text {
	font-size: 14px;
	margin-bottom: 20px;
}

footer {
	padding: 10px 30px 10px 30px;
	background-color: #b9a88e;
	color: black;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
	Align content: center;
}

.column {
  flex: 50%;
  padding: 0 4px;
 padding-left:180px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
	padding: 16 16 16 16px;
}
.col1 {
	float: left;
	padding-left: 3%;
	padding-top: 3%;
	width: 54%;
}
.col2 {
	float: right;
	width: 37%;
	padding-right: 3%;
	padding-top: 3%;
	font-size: 90%;
	line-height: 1.6;
}

.col3 {
	float:left;
	width: 65%;
	padding-left:10%;
	
}
section {
	width: 80%;
    height: 0;
    padding-bottom: 32%;

	position: center;
	margin: 2em auto 2em;
	
}

.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

#inter1{
  position:relative;
	width: 68%;
	

}

#inter1 img {
  position:absolute;
	top: 1em;
	right:48px;
  -webkit-transition: opacity 8s ease-in-out;
  -moz-transition: opacity 8s ease-in-out;
  -o-transition: opacity 8s ease-in-out;
  transition: opacity 8s ease-in-out;
}

@keyframes inter1FadeInOut {
  0% {
  opacity:.9;
}
25% {
opacity:.25;
}
55% {
opacity:60;
}
100% {
opacity:0;
}
}

#inter1 img.top {
animation-name: inter1FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
}

.flip-box {
  background-color: transparent;
  width: 300px;
  height: 300px;
  border: black;
  perspective: 1000px; 
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}


.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #b9a88e;
  color: #b9a88e;
}

.flip-box-back {
  background-color: #b9a88e;
  color: white;
  transform: rotateY(180deg);
}

.fly-in {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.fly-in h2 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: left;

 animation: fly-in 2s linear;
}

@keyframes fly-in {
 0%   { 
 transform: translateX(200%); 		
 }
 100% { 
 transform: translateX(0%); 
 }
}