*, *::before, *::after { box-sizing:border-box!important; }
html, body{ margin:0; padding:0; height:100%; }
body{ font:1.8em 'Roboto Slab',sans-serif; }
header{ position:fixed; top:0; width:100%; height:80px; font-size:1.2em; font-weight:bold; }
header, footer{ background:#f4514a; color:#fff; padding:20px 0; text-align:center;  background: linear-gradient(to left, #f46b45, #eea849); }
footer a{ color:#fff; }
footer{ font-size:0.7em; }
main{ background:linear-gradient(to top, #ffffff, #fbf6fc, #fbebf5, #fee1e8, #ffd7d7); /* background:url(bkg.jpg) no-repeat fixed; background-size:cover;	*/ }
.container{ width:60%; margin:0 auto; }
main .container{ padding:100px 1em 20px 1em; background:#fff; color:#666; }
main img{ width:100%; margin:20px 0; }
.description{ font-weight:600; }
ul{ padding:0; }
li{ list-style-type:none; }
.menu__btn {display:flex; align-items:center; position:fixed; top:26px; width:32px; height:32px; cursor: pointer;z-index: 1;}
.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {display: block;position: absolute;width: 100%;height: 4px;background-color:#fff; border-radius:2px; }
.menu__btn > span::before {content: '';top: -10px;}
.menu__btn > span::after {content: '';top: 10px;}
@media screen and (max-width:425px) {
	.menu__btn { width:24px; height:24px; }
	body{ font-size:1.3em; }
	.container{ width:96%; }
	main .container{ padding:100px 10px 20px 10px; }
}

.form{ display:block; width:80%; max-width:600px; margin:20px auto; text-align:center; border:1px solid #f4514a; padding:0 20px; }
.form label, .form input{ display:block; width:80%; margin:0px auto;}
.form input{ margin-bottom:20px; }
.form p.title{ font-size:1.4em; font-weight:bold; }
.form label{ font-size:0.7em; }
.form input{ font-size:0.9em; }
.form input[type=submit] { font-size:1em; text-transform: uppercase; max-width:120px;
  background-color: #cf245f;
  background-image: linear-gradient(to bottom right, #fcd34d, #ef4444, #ec4899);
  border: 0;
  border-radius: .25rem;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1.125rem; /* 18px */
  font-weight: 600;
  line-height: 1.75rem; /* 28px */
  padding: 1rem 1.25rem;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}