body { /* overflow-x: hidden; */ box-sizing: border-box; } .container { width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; display: inline; } .btn { display: block; outline: 0; border: 0; padding: 5px 10px; cursor: pointer; } .btn-primary { background: linear-gradient(45deg, #55b2ff, #002ed9); color: white; font-weight: 400; } .form-wrapper { width: 100%; display: flex; justify-content: center; } .form-wrapper .form-check { padding-right: 10px; } .chart-wrapper { width:500px !important; height: 80% !important; padding: 25px ; margin: 25px 0; } textarea:not([disabled]), input:not(.submit):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.select2-search__field):not(.numInput):not([disabled]) { background-color: #FCFCFC; color: black; } /*cards*/ .card-container { padding: 30px; } /* CARDS */ .cards { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0; box-sizing: border-box; } .card { margin: 20px; padding: 20px; width: 500px; min-height: 200px; display: grid; grid-template-rows: 20px 50px 1fr 50px; border-radius: 10px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25); transition: all 0.2s; } .card:hover { box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4); transform: scale(1.01); } .card__link, .card__exit, .card__icon { position: relative; text-decoration: none; color: rgba(255, 255, 255, 0.9); } .card__link::after { position: absolute; top: 25px; left: 0; content: ""; width: 0%; height: 3px; background-color: rgba(255, 255, 255, 0.6); transition: all 0.5s; } .card__link:hover::after { width: 100%; } .card__exit { grid-row: 1/2; justify-self: end; } .card__icon { grid-row: 2/3; font-size: 30px; } .card__title { grid-row: 3/4; font-weight: 400; color: #ffffff; } .card__apply { grid-row: 4/5; align-self: center; } /* CARD BACKGROUNDS */ .card-1 { background: radial-gradient(#1fe4f5, #3fbafe); } .card-2 { background: radial-gradient(#fbc1cc, #fa99b2); } .card-3 { background: radial-gradient(#76b2fe, #b69efe); } .card-4 { background: radial-gradient(#60efbc, #58d5c9); } .card-5 { background: radial-gradient(#f588d8, #c0a3e5); } /* RESPONSIVE */ @media (max-width: 1600px) { .cards { justify-content: center; } }