html {background: #ffffff;}



header {width: 100%; background-color: #30BF40; padding: 2rem 1rem 2rem 1rem; margin:none ;font-family: sans-serif;font-size: 25px; text-align: center; color: #ffffff}

main{width: 100%; border: 1rem; border-color: #3C1851; border-style: solid; padding; 5rem 5rem 5rem 5rem; font-family: sans-serif;font-size: 25px; color: #000000; flex-direction:row; display: flex; display:flex; align-items: stretch; justify-content: space-between}

main h1 {vertical-align:top}

.one {width: 60%; display: flex; order: 1;background-color: #097CD1;margin: none; padding:auto; text-align: center; color: #ffffff; flex-direction: column; justify-content: center;float: left}

article {width: 90%; display: flex; justify-content: center; background-color: #CE700B; border: none; margin: 1rem; padding: 20rem 1rem 1rem 1rem ;text-align: center; color: #ffffff;}

.two {width: 40%; background-color: #7A6E61; order: 2; margin: 0rem 0rem 15rem 0rem; padding: 1rem 1rem 1rem 1rem; float: right; text-align:center; color: #ffffff}

footer { width: 100%;background-color: #30BF40;margin: none; padding: 2rem 1rem 2rem 1rem; font-family: sans-serif;font-size: 25px; text-align: center; color: #ffffff;}