:root{--color-dark:#353432;--color-gray:#4E4D4A;--color-gray-light:#cdccca;--color-gray-lighter:#e0e0e0;--color-gray-lightest:#f0f0f0;--color-blue:#88acd2;--color-blue-dark:#2B4E72;--color-blue-light:#649BC2;--color-blue-lighter:#a6ceeb;--color-blue-lightest:#adcadf;--color-green:#94BA65;--color-green-light:#acca88;--color-green-lighter:#c5daab;--color-green-lightest:#d1e1bd;--color-red:#FF5757;--color-yellow:#FAF392}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background-color:var(--color-blue-dark);color:var(--color-gray-light);max-width:100%;margin:0;font-size:16px;font-family:'Open Sans',helvetica,arial}p{margin:0;padding:10px 0;text-align:justify}section{padding:10px 20px}a{color:var(--color-blue-dark);text-decoration:none;display:inline-block}a:focus,a:hover{color:var(--color-dark);text-decoration:underline}.container{display:inline-block;max-width:1000px;margin:0 auto;overflow:hidden;display:block;justify-content:center}.grid{display:grid;grid-template-columns:100%;grid-template-rows:auto;overflow-wrap:break-word}.grid>*{padding:10px}.card{border-radius:7px;border:7px var(--color-dark) solid;padding:15px 30px;position:relative;text-align:right}.card--blue{background-color:var(--color-blue);color:var(--color-dark)}.card--js-warn{font-weight:800;border-color:var(--color-red);background-color:var(--color-yellow)}.no-script__image{max-width:100%;border-radius:7px;border:7px var(--color-gray-light) solid}.social .icons-list{padding-top:0;display:flex;justify-content:center;align-items:center;list-style:none;margin-left:0;padding-left:0;margin-top:50px}.social .icon-list a{color:var(--color-gray-light)}.social .icon-list a:focus,.social .icon-list a:hover{transition:all .5s;color:var(--color-blue-light)}.social .icons-list .icon{width:30px;height:30px;margin:0 10px}.social .icons-list .icon svg{color:var(--color-gray-light)}.social .icons-list .icon svg:focus,.social .icons-list .icon svg:hover{color:var(--color-blue-light)}@media screen and (min-width:700px){.grid{grid-template-columns:repeat(2,50%)}.grid--3{grid-template-columns:repeat(3,33.33%)}.grid--4{grid-template-columns:repeat(4,25%)}}@media screen and (min-width:600px){body{font-size:18px}}@media screen and (max-width:475px){.container{max-width:100vw}}