html {
	  overflow: hidden;
	  background-color: #000;
	}

	body {
	  font-family: 'Hind';
	  font-size: 22px;
	  font-weight: 500;
	  margin: 0;
	  padding: 0;
	  background-color: #000;
	}

	.font-size-s {
	  font-size: 48px;
	}

	.font-size-l {
	  font-size: 160px;
	}

	.white-text {
	  color: #fff;
	}

	#main-container {
	  width: 100vw;
	  height: 100vh;
	  justify-content: center;
	  align-items: flex-start;
	  display: inline-flex;
	  padding: 0;
	  margin: 0;
	}

	.left-column {
	  border-right: solid #000 10px;
	  width: 40%;
	  align-self: stretch;
	  flex-direction: column;
	  justify-content: space-between;
	  align-items: flex-start;
	  display: inline-flex;
	  background-color: #000;
	}

	.inner-left-column {
	  border: 0;
	  align-self: stretch;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  display: flex;
	}

	.light {
	  background: #fff;
	}

	.dark {
	  background: #333;
	}

	.black {
	  background: #000;
	}

	.dateclock {
	  padding-top: 40px;
	  border-bottom: solid #000 10px;
	}

	.slider {
	  width: 100%;
	  height: 100vh;
	  /* Justera höjden efter behov */
	  position: relative;
	  overflow: hidden;
	}

	.slider img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	  object-position: center;
	  opacity: 0;
	  transition: opacity 2s ease-in-out;
	}

	.logocontainer {
	  border-top: solid #000 10px;
	}

	#logo {
	  width: 300px;
	  z-index: 5;
	  background-color: #fff;
	  padding: 30px 75px 30px 45px;
	}