:root{--shadow:#606065;--bg-1:#c5c5c5;--bg-1-grad:linear-gradient(to bottom right, #c5c5c5, #a5a5a5);--fg-1:#57579f;--bg-2:#7777ac;--bg-2-grad:linear-gradient(#7777ac, #67679c);--fg-2:#c5c5c5;--bg-3:#909095;--bg-3-grad:linear-gradient(to bottom right, #909095, #858595)}body{background-image:var(--bg-3-grad);background-repeat:no-repeat;background-attachment:fixed}.container{margin:0 auto;background-image:var(--bg-1-grad);color:var(--fg-1);padding:10px;box-shadow:0 0 50px 5px var(--shadow)}.container>main{padding:0}a{color:var(--bg-3);text-decoration:none}li>a{color:var(--fg-3);text-decoration:none}nav,footer{text-align:center;background-image:var(--bg-2-grad);color:var(--fg-2);padding:20px}.svg-container,.svg-container-cc{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.svg-container>svg{fill:var(--fg-2);padding:5px;width:2em;height:2em}.svg-container-cc>svg{fill:var(--fg-2);padding:2px;width:1em;height:1em}svg{overflow:visible}td{border:1px solid;padding:5px}@media only screen and (min-width:768px){.container{width:80%}.container>main{padding:0 30px 0}.image-container{flex-direction:row}}