@charset "utf-8";
/* CSS Document */

.nav {
	grid-column: 1/8;
    grid-row: 1/8;
}

// Example using NSLayoutAnchor in Swift
NSLayoutConstraint.activate([
    cardView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    cardView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    cardView.widthAnchor.constraint(equalToConstant: 120),
    cardView.heightAnchor.constraint(equalToConstant: 200)
]) //


.backgroundcolor { background-color: black}
.bg-black{background-color: black}
.display-grid { display: grid;}

.grid-body{
	grid-template-columns: 30% 3% 20% 3% 20% 3% 10%;
	grid-template-rows: 3% 20% 1% 20% 25% 1% 10% 1% 8%;
	
	gap: 1px;
	min-height: none;
	max-height: none;
}



.HOME_VIDEO_container{ 
grid-column: 1/8;
grid-row: 2/7;
	
margin-left: 310px;
margin-top: 70px;
	
width: 800px;
height: 800px;


border-radius: 200000px;

    overflow: hidden; 
}

.nav{
	color: springgreen;
	font-family: "Coffee Show";
	margin-left: 50px;
	margin-top: 15px;
	font-size: 20px;

	
}

.Wereheretomakeadifferencenotjustaprofit{
	grid-column: 1/5;
    grid-row: 2/3;
	margin-left: 140px;
	margin-top: 0px;
	
}

.PICTURE_3_MOODBOARD {
	grid-column: 1/5;
    grid-row: 4/5;
	width: 1300px;
	margin-left: 0px;
	margin-top: -10px;
	
}

/* CSS */
.button-85 {
	grid-column: 1/5;
    grid-row: 4/5;
	
height: 50px;
width: 190px;
	font-family: "Coffee Show"; 
	font-size: 20px;
	margin-left: 70px;
	margin-top: 700px;
	
  padding: 0.6em 2em;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-85:before {
  content: "";
  background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 10px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.button-85:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #222;
  left: 0;
  top: 0;
  border-radius: 10px;
}

.button-855{
		grid-column: 1/2;
    grid-row: 4/5;
	  border-radius: 10px;
	 cursor: pointer;
  position: relative;
}

.OURTEAM{
	grid-column: 1/5 ;
	grid-row: 5/6 ;
	width: 1200px;
}

.FOOTER{
	grid-column: 1/5 ;
	grid-row: 9/10 ;
	width: 1400px;
}

.Goodby{
	grid-column: 1/5 ;
	grid-row: 7/8 ;
	width: 1400px;
}

.button-54 {
	grid-column: 5/9 ;
	grid-row: 1/2 ;
	height: 50px;
width: 190px;
	margin-left: 10px;
	margin-top: 25px;
	
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  color: darkorange;
	background-color: #000000;
  cursor: pointer;
  border: 3px solid;
  padding: 0.25em 0.5em;
  box-shadow: 1px 1px 0px 0px, 2px 2px 0px 0px, 3px 3px 0px 0px, 4px 4px 0px 0px, 5px 5px 0px 0px;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-54:active {
  box-shadow: 0px 0px 0px 0px;
  top: 5px;
  left: 5px;
}

@media (min-width: 768px) {
  .button-54 {
    padding: 0.25em 0.75em;
  }
}


.button-55{
		grid-column: 5/6;
    grid-row: 1/2;
	  border-radius: 10px;
	 cursor: pointer;
  position: relative;

}

.button-64 {
	grid-column: 8/9 ;
	grid-row: 1/2 ;
	height: 50px;
width: 190px;
	margin-left: -5px;
	margin-top: 25px;

  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  color: orangered;
background-color: #000000;
  cursor: pointer;
  border: 3px solid;
  padding: 0.25em 0.5em;
  box-shadow: 1px 1px 0px 0px, 2px 2px 0px 0px, 3px 3px 0px 0px, 4px 4px 0px 0px, 5px 5px 0px 0px;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-64:active {
  box-shadow: 0px 0px 0px 0px;
  top: 5px;
  left: 5px;
}

@media (min-width: 768px) {
  .button-64 {
    padding: 0.25em 0.75em;
  }
}


.button-65{
		grid-column: 7/8;
    grid-row: 1/2;
	  border-radius: 10px;
	 cursor: pointer;
  position: relative;

}

*{
    -ms-overflow-style: none;
}
::-webkit-scrollbar {
    display: none;
}




.FONT{
	
	@media (max-width: 1100px) {
		h1 {
			font-size:20px;
		}
	}
	
	@media (max-width: 900px) {
		h1 {
			font-size:15px;
		}
	}
	
	@media (max-width: 600px) {
		h1 {
			font-size:10px;
		}
	}