@font-face {
    font-family: 'Solomon';
    src: url('Solomon-Bold.eot');
    src: local('Solomon Bold'), local('Solomon-Bold'),
        url('Solomon-Bold.eot?#iefix') format('embedded-opentype'),
        url('Solomon-Bold.woff2') format('woff2'),
        url('Solomon-Bold.woff') format('woff'),
        url('Solomon-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Solomon';
    src: url('Solomon-Thin.eot');
    src: local('Solomon Thin'), local('Solomon-Thin'),
        url('Solomon-Thin.eot?#iefix') format('embedded-opentype'),
        url('Solomon-Thin.woff2') format('woff2'),
        url('Solomon-Thin.woff') format('woff'),
        url('Solomon-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Solomon';
    src: url('Solomon-Light.eot');
    src: local('Solomon Light'), local('Solomon-Light'),
        url('Solomon-Light.eot?#iefix') format('embedded-opentype'),
        url('Solomon-Light.woff2') format('woff2'),
        url('Solomon-Light.woff') format('woff'),
        url('Solomon-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

body {		
    margin: 0;
    padding: 0;

}
html {
    overflow: hidden;
  }
a{
    width: 200px;
    border-radius: 40px !important;
  

}
.index{
    min-height: 100vh;
    background-image: url("../image-mudik/1.png");
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index a{
    margin-top: 450px;
}

.profile{
    min-height: 100vh;
    background-image: url("../image-mudik/2.png");
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.peserta{
    min-height: 100vh;
    background-image: url("../image-mudik/4.png");
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tujuan{
    min-height: 100vh;
    background-image: url("../image-mudik/3.png");
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tujuan button{
    margin-top: 200px;
    width: 200px;
    border-radius: 40px !important;
}
.success-register{
    min-height: 100vh;
    background-image: url("../image-mudik/5.png");
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.success-register a{
    margin-top: 400px;
}
.kuota-penuh{
    min-height: 100vh;
    background-image: url("../image-mudik/6.png");
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kuota-penuh a{
    margin-top: 400px;
}
.required {
	color:#F00;font-weight:500;
}

.pink {	
	color:#026be2;
	text-shadow: 1px 1px 1px white;	
	font-weight: bold;
    
}
.putih {	
	color:#fff;
	font-weight: bold;
    
}

.pink strong {
	font-size: 2rem;	
	line-height: 1em;
}

.pink span.zom{
	font-size: 2.5rem;
}


.error {
	display: block;
	flex:1;
	color:red;
}

@media screen and (max-width: 576px){
    #index,
	#profile,
    #peserta,
    #tujuan,
    #success-register,
    #kuota-penuh{
		margin:0.5em;
		padding:0.5em;
        background-size: cover;
       
	}

}