form,form .color-green{background-color:#3bb554}form .color-blue{background-color:#0059b4}form .color-purple{background-color:#856eab}.table{width:100vw;display:grid;place-content:center;padding:3rem 0}.table .container{max-width:1140px;margin:0 auto;padding:0 15px;width:100%}@media only screen and (max-width: 1199.98px){.table .container{max-width:960px}}@media only screen and (max-width: 991.98px){.table .container{max-width:720px}}@media only screen and (max-width: 767.98px){.table .container{max-width:540px}}@media only screen and (max-width: 575.98px){.table .container{max-width:auto;width:auto}}.table .container .color,.table .container .submit{position:fixed;top:1rem;left:1rem;padding:1rem;width:110px;background-color:#fff;font-size:1.2rem;font-weight:600;border-radius:7px;border:none;filter:drop-shadow(2px 4px 6px #333);cursor:pointer;transition:1s cubic-bezier(.075,.82,.165,1)}.table .container .color{top:6rem}.table .container .submit:hover{filter:drop-shadow(1px 1px 4px #333);background-color:#eee}.table .container .row{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.table .container .row .card{background-color:#856eab;padding:1rem;border-radius:7px;filter:drop-shadow(2px 4px 6px black);color:#fff;transition:1s cubic-bezier(.075,.82,.165,1)}.table .container .row .card:hover{transform:scale(1.01)}.table .container .row .card .card-header h4{padding-bottom:5px;margin-bottom:5px;border-bottom:solid 1px #fff}.table .container .row .card .card-body{display:flex;flex-direction:column}.table .container .row .card .card-body input,.table .container .row .card .card-body textarea{border-radius:5px;border:none;background-color:#fff;color:#000;margin-bottom:5px}