html, body { height : 100%; /* font-size: 20px; */ } body { background-color: #1787c2; /* display: flex; flex-direction: column; */ font-family: 'Titillium Web', sans-serif; } #aquilenet-title { color: whitesmoke; align-self: center; font-size: 4em; margin-top: .3em; margin-bottom: .5em; } .form-title { color: whitesmoke; align-self: center; font-size: 2em; margin-top: .3em; margin-bottom: .5em; } .form-label, .card-body { color: whitesmoke; } #ptoHelp { color: rgb(192, 192, 192); text-decoration: underline; } .sable .btn-ciel, .ciel .btn-sable{ padding: 8px; border-radius: 10px; box-shadow: 3px 3px 3px rgba(0,0,0,.3); font-size: 1.1em } .sable .btn-ciel:hover, .ciel .btn-sable:hover{ box-shadow: none; } #buttonNoPto, #buttonReturnPto { color: whitesmoke; text-decoration: underline; } /* .btnSubmit { flex: 1 1 auto; margin: 10px; padding: 30px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; text-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0 0 20px #eee; border-radius: 10px; } */ .btn-sable:hover { background-position: right center; /* change the direction of the change here */ } .btn-sable { /* box-shadow: 0 0 20px #eee; */ /* border-radius: 10px; */ color: darkslategray; transition: 0.5s; background-size: 200% auto; text-shadow: dimgray 0 1px 1px; background-image: linear-gradient(to bottom, #ffd38c 0%, #ffedd0 51%, #e0e0e0 100%); } /* Autocomplete */ /* #fda085 51%, */ /* #container { width: 80%; background-color: #ffd38c; align-self: center; padding: 2em; display: flex; flex-direction: column; padding-bottom: 10em; } form { align-self: center; } #main-title { align-self: center; margin-bottom: 2em; } */ table,td { border: 2px solid #333; border-collapse: collapse; } thead, tfoot { background-color: #333; color: #fff; } td { padding-left: 1em; padding-right: 1em; }