memory

settings.css (1111B)

---

 body {
 	margin: 0;
 	padding: 0;
 }
 
 .container {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	min-height: 100vh;
 	background: #282828; 
 }
 
 .color_select{
     display: flex;
     align-items: center;
 }
 
 .color-div{
     display: flex;
     margin: 10px;
     align-items: center;
     flex-direction: column;
 }
 form {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	margin-top: 20px;
 	color: #fea400;
 }
 
 form input, form select {
 	margin-bottom: 10px;
 	padding: 5px;
 }
 
 form button {
 	cursor: pointer;
 	margin-top: 10px;
 	padding: 5px 10px;
 	background: #fea400;
 	color: #282828;
 	font-weight: bold;
 }
 
 form button:hover {
 	background: #df9a06;
 }
 
 label {
 	margin-bottom: 5px;
 }
 
 #message, #login {
 	color: #fea400;
 }
 
 #email {
 	width: 190px;
 }
 
 #api {
 	width: 200px;
 }
 
 #color-found, #color-closed {
 	width: 40px;
 	height: 40px;
 	border: none;
 	padding: 0;
 	margin-left: 5px;
 	vertical-align: middle;
 }
 
 #submit {
 	width: 80px;
 }
 
 @media (min-width: 650px) {
 	form {
 		width: 400px;
 	}
 
 	#email, #api {
 		width: 100%;
 	}
 }
 
 @media (min-width: 1400px) {
 	form {
 		width: 600px;
 	}
 }