/* onionring.js is made up of four files - onionring-widget.js, onionring-index.js, onionring-variables.js and onionring.css (this one!)
// it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html)
// it was originally made by joey + mord of allium (蒜) house, last updated 2020-10-24 */

/* === ONIONRING.CSS === */
/* this file affects the style of the widget. remember to replace all instances of #webringid with whatever value you have for ringID in the onionring-widget.js file. make sure it still has the # at the front, though! probably easiest to use find+replace to do it */

#scpring-682 {
  margin: 0 auto;
  width: 48vw; height: 10vh;
  font-family: 'SansNormalcy';
  color: #eee;
  border: 0.8vw solid #600;
  background-image: linear-gradient(#221414, #472a2a, #673d3d);
  font-size: 3vw;
  
}

#scpring-682 table {
  margin: 0 auto; /* centers the widget */
}

#scpring-682 table tr td {
  padding: 0.2vw; /* creates some space between the links and text inside the widget */
}

#scpring-682 .webring-prev {
  text-align:right;
  float: left;
  margin-top: 3vw;
}


#scpring-682 .webring-info {
   text-align:center;
}

#scpring-682 .webring-next {
  text-align:left;
  float: right;
}

#scpring-682 .webring-links {
  font-size:small;
}

#scpring-682 a {
  color: #ff665a;
}

#scpring-682 a:hover {
  color: #ffaaa4;
  font-style: italic;
}

@media only screen and (min-device-width: 400px) {
  #scpring-682 {
    width: 24vw; height: 18vh;
    border: 0.2vw solid #600;
    font-size: 1.2vw;
  }
}