| 1 |
.container{background:#fff;border-radius:15px;box-shadow:0 2px 16px rgba(0,0,0,.1);font:normal 15px normal Arial,sans-serif;max-width:1200px;width:98%}#main,.footer,.header{align-content:center;align-items:center;display:flex;grid-auto-flow:column;padding:0 32px}.header{background:#664c9e;border-radius:15px 15px 0 0;color:#fff;min-height:120px;position:relative}#main{margin:60px 0;min-height:200px}.footer{background:#827f8a;border-radius:0 0 15px 15px;box-shadow:inset 0 -4px 10px rgba(0,0,0,.1);min-height:60px}.footer a{color:#fff}.footer svg{font-size:6em}.header_right{inset-inline-end:30px;position:absolute;text-align:end;top:18px}.header_right .version{color:hsla(0,0%,100%,.6);display:block;font-size:.6em;margin-top:6px}.title{font-size:1.2em}.save{background:#f26522;border-radius:30px;color:#fff;font:700 1.33em/1em Arial,sans-serif;margin-top:6px;margin-inline-start:auto;padding:.5em 1em;text-transform:uppercase}@media (max-width:1200px){.header{min-height:auto;padding-block:90px 0;padding-inline:3% 0}}@media (max-width:800px){.header_right{top:10px}.title{display:inline-block}.header_right .version{margin-inline-start:10px}} |
