/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=The+Nautigal:wght@700&display=swap');

html, *{
	padding:0;
	margin:0;
	box-sizing: border-box;
}

body{
	background:#FFE5BE;
}

h1, h2, p{
	color:#657199;
}

.lan{
	margin-top:90px;
	text-align:center;
}

article{
	display:flex;
	border:1px #333 solid;
	border-radius:10px;
	width:75%;
	margin:10px auto;
	padding:25px;
	gap:50px;
}

article > section:nth-child(1){
	width:60%;
}

article > section:nth-child(2){
	width:40%;
}
section h1{
	font-family: 'The Nautigal', cursive;
	font-size:75px;
}


section h2, section p{
	font-family: 'Helvetica', sans-serif;
}

section > section{
	text-align:center;
	line-height:35px;
}

section img{
	max-width:70%;
	display:block;
	margin:0 auto;
}
/* -------------- CSS --------------- */

#lang-switch{
	width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	margin-top:90px;
}

#lang-switch img {
  width: 32px;
  height: 32px;
  opacity: 0.5;
  transition: all .5s;
  margin: auto 3px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#lang-switch img:hover {
  cursor: pointer;
  opacity: 1;
}

.nl_lang,
.en_lang {
  display: none;
  transition: display .5s;
}

/* Language */
.active-lang {
  display: flex !important;
  transition: display .5s;
	justify-content: center;
}

.active-flag {
  transition: all .5s;
  opacity: 1 !important;
}

input:checked + .slider {
  background-color: #444;
}

input:focus + .slider {
  box-shadow: none;
}

input:checked + .slider:before {
  -webkit-transform: translateX($height);
  -ms-transform: translateX($height);
  transform: translateX($height);
}

/* Rounded sliders */
.slider.round {
  border-radius: 64px;
}

.slider.round:before {
  border-radius: 50%;
}