123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- body {
- background-color: #00897b;
- /*
- background-color: #ffffff;
- */
- margin:80px 80px 100px 100px;
- }
- .icon {
- width: 60px;
- height: 60px;
- }
- .flex{
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-content: space-around;
- align-items: center;
- min-height: 70vh;
- }
- .a{
- padding: 20px;
- }
- td {
- padding: 15px;
- }
- div#header {
- position:fixed;
- top:0px;
- left:0px;
- width:100%;
- color:#CCC;
- background:#333;
- padding:20px;
- }
- div#footer {
- position:fixed;
- bottom:0px;
- left:0px;
- width:100%;
- color:#CCC;
- background:#333;
- padding:8px;
- }
- .button {
- color: white;
- padding:54px 32px;
- text-align: center;
- text-decoration: none;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .button-normal {
- color: white;
- padding:18px 32px;
- text-align: center;
- text-decoration: none;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .button:hover {
- box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
- }
- .button-normal:hover {
- box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
- }
|