*{
	margin:0px;
}

#splash{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100vw;
  height:100vh;
  background-image: url("https://storage.cloud.google.com/projects.codecraftworks.com/web/vwppT4qMu0NnkgfS73A8/assets/image0.jpg");
  background-position: center;
  background-size: cover;
}
.ex-1{
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.ex-2{
  background-position: left bottom;
  background-size: 5%;
  
}
body{
  background-image: url("https://storage.cloud.google.com/projects.codecraftworks.com/web/1WmFUqRwP6jY0J0WLazV/assets/Capture.PNG");
  background-position: center;
  background-size: 0.1%;
}

h1{
  color:white;
  font-weight:100;
  font-size:42px;
  font-family:arial;
  animation-delay: 2s;
}
button{
  color:white;
  border: 2px solid white;
  padding:10px 50px;
  background-color:transparent;
  border-radius:10px;
  font-size: 30px;
  animation: colorShift;
  animation-duration:2s;
  animation-delay: 1s;
  animation-fill-mode:forwards;
}
#noBG{
	background-image: none;
}
@keyframes colorShift{
  from {
    background-color:transparent;
    color:white;
    padding:10px 50px;
    border-radius:10px;
  }
  to {
    background-color:white;
    color:black;
    padding:10px 100px;
    border-radius: 5550px;
  }
}