html{margin:0;padding:0;font-family:EB Garamond;font-style:normal;font-weight:700;list-style-type:none}body{margin:0;padding:0;list-style-type:none}html,body{min-height:100vh}:root{--green:#35702e;--green2:#19b23b;--green3:#1b570f;--green4:#e5f5e2;--green5:#0c2b06}#app{min-height:100vh;color:var(--green4);background-color:#0c2b06}#main-content{flex-direction:column;min-height:100vh;display:flex}#main-content img,#main-content h1{margin:0}#main-content a{color:var(--green4)}#main-content .row{background-color:var(--green);flex-direction:column;display:flex}#main-content .row h1{text-shadow:.1rem .1rem 0rem var(--green2)}#main-content .row button{background-color:var(--green2);color:var(--green3);box-shadow:0 .4rem var(--green3);cursor:pointer;border:none;border-radius:.3rem;padding:0;font-size:1rem}#main-content .row button:active{color:var(--green4);box-shadow:0 .2rem var(--green3);transform:translateY(.2rem)}#main-content .row button:hover:not(:disabled){background:var(--green5);color:var(--green);text-shadow:0 .1rem var(--green)}#main-content .row button:disabled{cursor:auto;color:var(--green)}#main-content .row .image{flex:3}#main-content .row .image img{object-fit:cover;width:100%;height:100%}#main-content .row .text,#main-content .row .title{box-sizing:border-box;flex:2;padding:2rem 3rem}#main-content .row .text a{border-radius:.3rem;width:10ch;padding:1rem;text-decoration:none;display:block}#main-content .row .title{background-color:var(--green3)}#main-content .row .title h3{color:var(--green2)}#main-content .row .title a{margin:0 1rem 0 0}@media (min-width:700px){#main-content .row{flex-direction:row}#main-content .row .text,#main-content .row .title{padding:3rem}#main-content .row:nth-child(2n){flex-direction:row-reverse}}