<!DOCTYPE html>
<html lang="en">
  <head>
	<title>dodo - Cloud</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
	<style>
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

@media screen and (max-width:800px) {
#main {
  width: 90%;
}
	 }

@media screen and (min-width:801px) {
#main {
  width: 600px;
}
}


	  #main {
      margin: auto;
	  font-family: 'Noto Sans', sans-serif;
	  }

	  .text {
	  text-align: justify;
	  }

	 h5 {
		 margin-bottom: 5px;
	 }

	  #form {
	  margin-top: 30px;
	  margin-bottom: 30px;
	  }

	  #form div.section {
	  text-align: left;
	  margin-bottom: 10px;
	  }

	  .section label {
	  display: block;
	  }

	  .section input.text {
		  width: 50%;
		  outline: none;
	  }

	 .section input.text:focus {
		 border-color: black;
	 }
	  .section textarea {
		  width: 95%;
		  outline: none;
	  }
	 	  .section textarea:focus {
			  border-color: black;
	  }
	  .section input:checked {
	  accent-color: black;
	  }
	</style>
  </head>
  <body>
	<div id="main">
	  <div id="intro">
	  		  <h1>dodo Cloud</h1>
			  	  <span class="text">
		  Thank you for signing up!
		  </span>
	  </div>
	</div>
  </body>
</html>