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

body { 
	height: 100%;
	background-color: #FFFFFF;
}
.container {
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.center {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%
}

a:link {
  text-decoration: none;
}
​
a:visited {
  text-decoration: none;
}
​
a:hover {
  text-decoration: underline;
}
​
a:active {
  text-decoration: underline;
}
.logo{
	src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
	font-family: 'Poppins', sans-serif;
	font-size: 3.4rem;
	font-stretch: condensed;
	font-weight: 600;
	color: #2F2C37;
}
.country{
	font-family: 'Poppins', sans-serif;
	font-size: .9rem;
	padding-top: 10px;
}
.card{
  display: inline-block;
  position: relative;
  width: 130px;
  height: 130px;
  border-radius: 10px;
  overflow:hidden;  
  margin: 0px 30px;
  background-color: #F7F8FA;
}
.card-content{
	vertical-align: middle;
	padding-top: 20%;
}
.country-name{
	padding-top: 20px;
}
.subtitle{
	padding-top: 30px;
	padding-bottom: 25px;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	color: #C0C5CD;
}
.co_subtitle{
	padding-top: 30px;
	padding-bottom: 25px;
	font-family: 'Poppins', sans-serif;
	font-size: 2rem;
	color: #C0C5CD;
}
.rroe{
	padding-top: 30px;
	padding-bottom: 25px;
	font-size: 2rem;
	text-decoration: underline overline; 
}