@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);

/* Hele pagina */

:root{--primary-color:#07ab9f;--primary-color--opacity:#9adcd5;--secondary-color:#e55330;--tertiary-color:#12778d;--grey-color:#f2f8f8;--grey-color--darker:#d5d5d5;--opacity-color:#bae4df;--green-color:#68dd4c;--red-color:#cb3a3a;--neutral-color:#7aabe3;--normal-color:#000000;--font-lg:18px;--font-lg-13:16px;--font-xs:16px;--font-h2-lg:30px;--font-h2-lg-13:25px;--font-h2-xs:24px;--font-h3-lg:22px;--font-h3-xl:25px;--font-h3-xs:19px;--font-h1-xs:28px;--font-size--xl:20px;--font-size-xl--xs:14px;--box-shadow:/* 0 15px 40px rgb(0 0 0 / 6%); */ 0px 25px 60px rgb(0 0 0 / 8%)}

* {
	font-family: 'Poppins', serif;
	font-size:18px;
}

html, body {
	height: 100%;
	min-height: 100%;

}

/* Form op registreer pagina */

form {
	text-align: center;
}

body {
	margin: 0;
	padding: 0;
}

a {
    color: var(--primary-color);
    border-bottom: 2px dashed;
    text-decoration: none;
}

.wrapper {
	background-image: url("../../assets/images/backgrounds/desktop.jpg");
	background-size: 100%;
	width: 100%;
	height: 100%;
	min-width: 950px;
}

/* Begin login blok */

.login_box {
	position: relative;
	margin: 0 auto;
	top: 50%;
	transform:translate(0, -50%);
	width: 25%;
	background-color: #ffffff;
	border-radius: 7px;
	padding: 5px;
	opacity: 1;
}

.login_header h1 {
	margin-top: 0;
	margin-bottom: 0;
	color: var(--normal-color);
	font-size: 150%;
}

.login_head {
	text-align: center;
	padding: 1rem 0;
}

.login_header {
	width: 100%;
	height: 90px;
	background-color: var(--grey-color);
	color: var(--normal-color);
	text-align: center;
	display:flex;
	align-items:center;
	justify-content: center;
}

input[type="submit"] {
    color: #fff;
    font-weight: 500;
    padding: 13px 20px;
	background-color:#e55330;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transform: perspective(1px) translateZ(0);
    backface-visibility: hidden;
	border: unset;
	border-radius: 4px;
	margin:1rem 0;
}

input[type="submit"]:hover {

}

#signup:hover {
	color: #28e5ff;
	transition: .2s;
}

label {
	position: relative;
}

.icon {
    right: 9px;
    padding-left: 3px;
    border-left: 1px solid #ccc;
    position: absolute;
    top: -1px;
    width: 29px;
    height: 29px;
    font-size: 15px;
    line-height: 29px !important;
    text-align: center;
    color: #ccc;
}

#signin:hover {
	color: #28e5ff;
	transition: .2s;
}

input[type="text"], input[type="email"], input[type="password"] {
	border: 1px solid #e5e5e5;
	margin-top: 10px;
	width: 70%;
	height: 35px;
	margin-bottom: 10px;
	padding-left: 5px;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover {
	border-color: #3498db;
}

#second {
	display: none;
}