section{position:relative;background-color:#bb2bbb;width:70%;margin:100px auto 0;padding:16px}ul{padding:0}ul li{display:flex;justify-content:space-between;padding:10px 20px;width:100%;margin:5px 0}ul li input[type=checkbox]{width:18%;max-width:1.5em}ul li span{width:50%;padding:0 10px}ul li button.regular_buttons{width:16%}div.input_section{width:100%;padding:4%}div.input_section input{width:80%;border:none;border-radius:1em;padding:1em}div.input_section input:focus{outline:none}div.input_section button{width:10%;text-align:right}div.sm_sc{display:none;color:#000;text-align:center;padding:4em}@media only screen and (max-width: 480px){section{display:none}div.sm_sc{display:inline}}button{border:none;background:none}svg{color:#000}button:disabled svg{color:#d3d3d3}input:focus,button:focus{outline:none;border:2px solid purple;box-shadow:0 0 5px #9e0a8d64}html,body{margin:0;padding:0;background-color:#f8f8ff;font-family:Playpen Sans,cursive;color:#fff}