:root { 
  --wrapper-max: 1180px;
  --gutter-min: 24px;
  --gutter-fluid: 5vw;
  --gutter-max: 240px;
}

*, ::before, ::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { font-size: 100%; }

body {
  background:
    linear-gradient(90deg,
    rgba(120,120,255,1) 0%,
    rgba(255,249,128,1) 20%,
    rgba(255,249,128,1) 80%,
    rgba(120,120,255,1) 100% );
  margin: 0;
  font-size: 100%;
  font-family: sans-serif;
  color: #000000;
}
.wrapper {
  box-sizing: border-box;
  width: 100%;
  margin: clamp(10px, 2vh, 15px) auto;
  background-color:#ffffff;
  border-top:1px solid #dddddd;
  border-right:3px solid #cccccc; 
  border-bottom:3px solid #bbbbbb;
  border-left:1px solid #dddddd;
  display: block;
}

a:link {
  color:blue;
  text-decoration:none; 
}
a:visited {
  color:darkblue;
  text-decoration:underline; 
}
a:hover {
  color:darkgreen;
  text-decoration:underline; 
}
a:active {
  color:black;
  text-decoration:underline; 
}

.mobile-break,
.always-break { display: block; }
.tagbreak { display: block; }

img {
  border: none;
  display: block;
}