/* Basic.css  */

* {box-sizing: border-box}

:root{
--base-font: "acumin-pro-semi-condensed", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif;
--bc:   #fff;
--fc:   #000;
--bc11: #173444;
--bc22: #E6E6E6;
--bcft: #161825;
--brdc: #FF00FF;
--rc:   .3125rem;
}


html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
}

/* General settings */

body {
    margin: 0;
    padding: 0;
    font-family: var(--base-font);
    font-weight: 200;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    background-color: var(--bc);
    color: var(--fc);
}

img, iframe {border: none; max-width: 100%}

a {color: var(--fc);  text-decoration:none}

a:hover {color: var(--fc); text-decoration: none}


hr {border:0; border-bottom: 1px solid var(--fc)}

 /* Headlines */

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.2;
}

p {
  margin: 0;
  padding: 0;
}

/* Table */

table {border-collapse: collapse; border-spacing: 0; margin:1rem 0}

th, td {text-align: left; vertical-align: top; border: 1px solid; padding: 0.5rem}


/* Rounded Corners*/

pre,code,input,select,textarea,button,img {border-radius: var(--rc)}


/* Forms */

input, select, textarea {font-size: 1rem; border: 0; padding: 0.25rem}

button,
.as-button {
  -webkit-appearance: none;
  font-size: 1rem;
  display: inline-grid;
  place-content: center;
  background: none;
  border: 1px solid var(--brdc);
  padding: 0.625rem;
  cursor: pointer;
  text-align: center
}

button:hover,
.as-button:hover {
  border-color: var(--bc11);
}

/* Infinite Grid */

header,
section,
footer {
  display: flex;
  flex-flow: row wrap
  gap: var(--fxg, 0);
}

section > section,
aside,
article {
  flex:var(--c,1);
}