body {
  background-repeat: no-repeat;
  background-size: 100%;
 
}

#splash img {
width: 50%;
  padding: 1% 26%;
}

.fromtoimg {
  width:100px;
  position: absolute;
}
.cpimg {
  width:100px;
  position: absolute;
}
.cpimg img {
  width:100px;
  
}
.fromtoimg img {
  position: relative;
  align-items: center;
  text-align: center;
  width:100px;
}

#counterplanner img {
width:100%;
}


#counterplanner {
  border-radius: 25px;
border-color: aquamarine;
  background-color: white;
  padding:10px;
  margin: 10px 136px;
        font-weight:bold;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

hr {
  height: 1px;
  width: 100%;
  background-color: #dedede;
  margin: 20px 0;
  opacity: 10%;
  -webkit-box-shadow: 0 0 4px 0 #666;
  -moz-box-shadow: 0 0 4px 0 #666;
  box-shadow: 0 0 4px 0 #666;
}

#counterplanner p {
      margin:10% 24%;
    font-size:20pt; 

}
h3 {
  text-align:center; 

}
#fromto {     
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  padding: 1% 1%;
  text-align: center;
  font-size: 20px;
  background-color: white;
  border-radius: 25px;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin: 3% 7%;
}
.fromtoimg img{
width:100px;
}

table{
  padding:10px;
  color:red;
  text-align: center;
  font-size: 25pt;

}
.hidden {
    display: none;
}
summary{
  margin:20px 20px;
	padding: 2em;
  border-width: 2px;
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 25px;


}
summary  ol li {
text-align: left;
font-size:20pt;
margin-left:20px;}

.summaryimg {
  width:500px;
}


p {
  margin: 10px;
  padding: 10px;

}

@keyframes fade {
  from {
	opacity: 0%;
  }
  to {
	opacity: 100%;
  }
}
h1 {
  text-align: center;
}


@font-face {
  font-family:"9292Sans VF";
  src:url(https://9292.nl/fonts/9292-sans/9292SansVF.woff2) format("woff2 supports variations"),
  url(https://9292.nl/fonts/9292-sans/9292SansVF.woff2) format("woff2-variations");
  font-weight:100 900;
  font-style:normal;
}
@font-face {
  font-family:"9292Sans VF";
  src:url(https://9292.nl/fonts/9292-sans/9292SansItalicVF.woff2) format("woff2 supports variations"),
  url(https://9292.nl/fonts/9292-sans/9292SansItalicVF.woff2) format("woff2-variations");
  font-weight:100 900;
  font-style:italic;
}
@font-face {
  font-family:"9292Sans";
  src:url(/https://9292.nl/onts/9292-sans/9292Sans-Light.otf) format("opentype");
  font-weight:300;
  font-style:normal;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292Sans-Regular.otf) format("opentype");
  font-weight:400;
  font-style:normal;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292Sans-Medium.otf) format("opentype");
  font-weight:468;
  font-style:normal;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292Sans-SemiBold.otf) format("opentype");
  font-weight:532;
  font-style:normal;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292Sans-Bold.otf) format("opentype");
  font-weight:570;
  font-style:normal;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292Sans-ExtraBold.otf) format("opentype");
  font-weight:735;
  font-style:normal;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292Sans-Black.otf) format("opentype");
  font-weight:900;
  font-style:normal;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292SansItalic-Light.otf) format("opentype");
  font-weight:300;
  font-style:italic;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292SansItalic-Italic.otf) format("opentype");
  font-weight:400;
  font-style:italic;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292SansItalic-Medium.otf) format("opentype");
  font-weight:468;
  font-style:italic;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292SansItalic-SemiBold.otf) format("opentype");
  font-weight:532;
  font-style:italic;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292SansItalic-Bold.otf) format("opentype");
  font-weight:570;
  font-style:italic;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292SansItalic-ExtraBold.otf) format("opentype");
  font-weight:735;
  font-style:italic;
}
@font-face {
  font-family:"9292Sans";
  src:url(https://9292.nl/fonts/9292-sans/9292SansItalic-Black.otf) format("opentype");
  font-weight:900;
  font-style:italic;
}
body {
  font-family:"9292Sans",system-ui,sans-serif
}
@supports (font-variation-settings: normal) {
  body {
    font-family:"9292Sans VF",system-ui,sans-serif;
  }
}
@media only screen and (max-width: 1280px) {

#counterplanner {
  border-radius: 25px;
border-color: aquamarine;
  background-color: white;
    font-size:16pt; 
  padding:10px;
      margin:10px;
      font-weight:bold;
}


.fromtoimg { 
width: 100px;
}
.cpimg {
  width: 100px;
  position: relative;
}
#counterplanner p {
  margin: 5px;
  padding: 5px;
  font-size: 18pt;
}

#splash img {
width: 100%;
  padding: 0%;
}

#fromto {     
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
    padding: 5px;
    text-align: center;
    font-size:20px;
    background-color: white;
  border-radius: 25px;
position:relative;
margin:0; 
}

} 




@media only screen and (max-width: 600px) {
#counterplanner {
  border-radius: 25px;
border-color: aquamarine;
  background-color: white;
    font-size:14pt; 
  padding:0px;
      margin:0px;
      font-weight:bold;
}


#counterplanner p {
  margin: 10px;
  padding: 10px;
  font-size: 18pt;
}
#splash img {
width: 100%;
  padding: 0%;
}

img {
  width: 100%;
}
#fromto {     
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
    padding: 10px;
    text-align: center;
    font-size:20px;
    background-color: white;
  border-radius: 25px;
position:relative;
margin:0; 
}


}