body {
    font-family: "SF Text","SF Display","Helvetica Neue","Helvetica","Arial",sans-serif;
    padding:0;
}
.home {
	margin: 0;
}
a {
	text-decoration: none;
	color: #007BBB;
	font-size: 14px;
}
p {
	font-size: 14px;
}

.container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	position: relative;
	text-align: center;
}

.content {
	position: fixed;
	top: 25%;
	width: 100%
}

.logo {
	color: #546373;
	font-weight: 500;
	margin-bottom: 60px;
}
.logo img {
	width: 250px;
}
.enter {
	margin-bottom: 80px;
	font-weight: 500;
}
.button_enter {
	width: 140px;
}
.enter_address {
	margin-bottom: 2.25rem;
}
.remark {
	color: #a29f9e;
	font-weight: 500;
}
.remark p {
	margin-bottom: 0.25rem;
}

/* Prestrain */
.bg_black {
	background-color: #000;
}

.center {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.loader {
	width: 36px;
	height: 36px;
  	border-radius: 50%;
	display: inline-block;
	border-top: 4px solid #FFF;
	border-right: 4px solid transparent;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
.loader::after {
  	content: '';  
  	box-sizing: border-box;
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 36px;
  	height: 36px;
  	border-radius: 50%;
  	border-left: 4px solid #007BBB;
  	border-bottom: 4px solid transparent;
  	animation: rotation 0.5s linear infinite reverse;
}
@keyframes rotation {
  0% {
    	transform: rotate(0deg);
  }
  100% {
    	transform: rotate(360deg);
  }
}