@font-face {
  font-family: 'ChakraPetch';
  src: URL('Chakra_Petch/ChakraPetch-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'ChakraPetch';
  src: URL('Chakra_Petch/ChakraPetch-Bold.ttf') format('truetype');
  font-weight: bold;
}

.ChakraPetch {
  font-family: 'ChakraPetch', sans-serif !important;
}

body, html {
  height: 100%;
  font-family: 'SF Pro Display', 'ChakraPetch', sans-serif !important;
  scroll-snap-type: y proximity;
  scroll-behavior: smooth;
}

.allow-select {
  -webkit-user-select: auto; /* Safari */
  -ms-user-select: auto; /* IE 10 and IE 11 */
  user-select: auto; /* Standard syntax */
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.landing-screen {
  /* The image used */
  background-image: url("../UCM23-fsae-brake-test.jpg");

  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: 80% 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.photo-section {
  /* The image used */
  background-image: url("../ucm23-photos/ucm23-fsae-autocross.JPG");

  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: 80% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

#team-photo{
  background-image: url("../ucm23-photos/ucm23-fsae-team-photo-with-trophies.JPG");
}

#autocross-photo{
  background-image: url("../ucm23-photos/ucm23-fsae-autocross.JPG");
}

#skidpad-photo{
  background-image: url("../ucm23-photos/ucm23-fsae-skidpad.JPG");
}

.scrolling-section {
  height: 200%;
  background-color: black;
}

.sticky-container{
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  overflow: hidden;
}

.car-render{
  display: flex;
  align-items: center;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  /* background-color: red; */
  /* background-image: url("../car-render.png"); */
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

.accu-render{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: red; */
  background-image: url("../UCM23_accu_exploded.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.specs-list > li{
  /* padding: 4%; */
  list-style: none;
}

.youtube-icon:hover {
  color: #ff0000 !important;
}

.linkedlin-icon:hover {
  color: #0077b5 !important;
}

#splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: opacity 0.5s linear;
  z-index: 10;
  cursor: none;
}

#splash-video{
  width: 20%;
}

#splash-screen.fade-out {
  opacity: 0;
} 

#v0 {
  position: absolute;
  height: auto;
  width: 100%;
  object-fit: cover;
}

.scroll-snapping-container{
  scroll-snap-type: y proximity;
}

.scroll-snapping-item{
  scroll-snap-align: start;
  scroll-snap-stop: always;
}