body {
	background-color: #291f8f;
	font-family: "Impact", "Arial", sans-serif;
}
img {
	width: 100%;
}
.mainimg {
	top: 6vh;
	width: 23vh;
    position: relative;
    margin: auto;
}
.botimg {
	position: absolute;
    bottom: 2vh;
    width: 26vh;
}
.mainpage{
    position: relative;
    margin: auto;
    background-color: #85e3e378;
    width: 87vh;
    top: 11vh;
    height: 50vh;
	border-radius: 5px;
}
.container{
	width: 85vh;
	height: 48vh;
	position: relative;
	margin: auto;
}
.step1page{
	height: 16vh;
    margin: auto auto auto auto;
    width: 30vh;
    position: relative;
    top: 10vh;
    font-size: 4vh;
	color: darkblue;
}
.container .error{
	padding: 0;
    margin: 0;
    font-size: 14vh;
    position: relative;
    color: red;
	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
.container p {
	font-size: 3vh;
	color: #030963;
}
.container span {
	font-size: 2vh;
	color: #060822;
}

.container .textbig {
	position: relative;
    left: 22vh;
    width: 39vh;
}
.step1page input {
	position: relative;
    /* margin: auto; */
    left: 8vh;
}
.error {
	padding: 0;
    margin: 0;
    font-size: 23vh;
    position: relative;
    color: red;
	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
	to {
	  visibility: hidden;
	}
}
@-webkit-keyframes blink-animation {
	to {
	  visibility: hidden;
	}
}
[v-cloak] {
  display: none;
}

.container .manytext{
	font-size: 2vh;
    width: 80vh;
    left: 3vh;
    position: relative;
    display: block;
    color: darkblue;
    top: 1vh;
}