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

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

.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: white;
	font-family: "Coffee Show";
	margin-left: 50px;
	font-size: 20px;

	
}

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

.PICTURE_3_MOODBOARD {
	grid-column: 1/5;
    grid-row: 4/5;
	width: 1400px;
	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: 1300px;
}

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

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