@import "tablet-small.css";

body{
	margin:30px 100px;
	
}

.landingPage_logo{
	text-align : center;
}

.landingPage_logo img{
	width : 100%;
}

#logo{
	width:130px;
}

#socialMedia svg{
    fill : white;
    width : 10px;
    margin : 5px;
    margin-top : 5px;
} 

#socialMedia svg:hover{
    fill : red;
    width : 20px;
    margin : 10px;
} 

.content section{
	padding-bottom : 300px;
}


#container #left img{
	max-width:80%;
}
#container #left{
	padding: 35px 0px 35px 0px;
}

#countdown, #unit{
	margin:0px 10px 0px 10px;
}

h1{
	font-size: 36px;
	margin:10px 0px 0px 0px;
	font-family: 'Krona One', sans-serif;
}

h2{
	font-size: 16px;
}

h3{
	font-size: 10px;
	margin:0px 0px 10px 0px;
}

p{
	font-size: 10px;
	margin-top: 60px;
}

nav{
	position : fixed;
	right : 0px;
	bottom : 0px;
	border : solid 0px white;
	width : 100vw;
	padding : 10px;
	text-align : center;
	background : rgba(0,0,0,.5);
  }
  
  nav img{
	width : 100px;
	cursor : pointer;
  }

  nav #socialMedia{
	  display : flex;
  }