:root
{
 --main:#FFD4F5;
}

body.main
{
 line-height: 1.4;
 background-color:var(--main);
 color:black;
}

div.main
{
 margin-top:20vw;
 margin-bottom:20vw;
 margin-right:11vw;
 margin-left:11vw;
 font-size:20px;
 max-width:1100px;
}

div.main-tm-10
{
 margin-top:10vw;
 margin-bottom:20vw;
 margin-right:11vw;
 margin-left:11vw;
 font-size:20px;
 max-width:1100px;
}

@media only screen and (max-width: 600px) {
  div.main {
    margin-right:2vw;
    margin-left:2vw;
  }
  div.main-tm-10 {
    margin-right:2vw;
    margin-left:2vw;
  }
}

@media only screen (min-width: 600px) and (max-width: 1000px) {
  div.main {
    max-width:900px;
  }
  div.main-tm-10 {
    max-width:900px;
  }
  div.phone_links {
    font-size:16px;
  }
}

@media only screen and (min-width: 1000px) {
  div.main {
    max-width:1500px;
  }
  div.main-tm-10 {
    max-width:1500px;
  }
  div.phone_links {
    font-size:16px;
  }
}

@media only print {
  #pagecontents {
      width=100%;
      border:0px;
  }
  @page {margin:1.5cm}
}

div.main-footer
{
 margin-top:100px;
 margin-bottom:40px;
 margin-right:50px;
 margin-left:50px;
 font-size:20px;
} 

div.main-top-menu
{
 background-color:#C03090;
 margin-top:12px;
}

div.articles-list
{
 background:var(--main);
 margin-top:10vw;
 margin-left:4vw;
 margin-right:4vw;
 margin-bottom:10vw;
}

div.code-box
{
 border:3px solid grey;
 height:auto;
 overflow-x:scroll;
 background-color: #000000;
 color:white;
 padding:5px;
}

div.insert {
 margin-top:10vw;
 margin-bottom:10vw;
 margin-right:7vw;
 margin-left:7vw;
 font-size:20px;
 border-radius: 20px;
 box-shadow: 15px 15px #654555;
 background-color:#EEA0C0;
 padding: 5vw;
}

p.logo-text
{
 text-align:left;
 color:white;
 font-size:32px;
 font-weight:bold;
}

p.top-menu
{
 font-family:arial;
}

span.date
{
 font-size:15px;
 color:#505050;
 white-space:nowrap;
}

p.subtext
{
 font-size:16px;
 color:#404040;
}

p.copyright
{
 text-align:right;
 font-size:12px;
}

p.social-links
{
 text-align:right;
 font-size:17px;
}

a
{
 color:#C03090;
 text-decoration:none;
}
@media only screen and (max-width: 600px) {
  a {
    font-size:28px;
  }
}

a:link
{
  color: #C03090;
}

a:hover
{
  background-color:var(--main);
  border-bottom: solid 1px #0b1a66;
}

a:visited 
{
 color: #AA9900;
}


a.read-more
{
 font-size:20px;color:#C03090;
 text-decoration:none;
}

@media only screen and (max-width: 600px) {
  a.read-more {
    font-size:28px;
  }
}

a.plain-link
{
 color:black; 
 text-decoration:none;
}

a.in-text
{
 text-decoration:none;
}

a.social-link
{
 font-size:17px;
 color:#C03090;
 text-decoration:none;
 background-color:var(--main);
}   
@media only screen and (max-width: 600px) {
  a.social-link {
    font-size:28px;
  }
}

input.donate-button
{
 height:40px;
 width:110px;
 font-size:20px;
}

input[type="text"] {
 font-size:17px;
}
input[type="submit"] {
 font-size:17px;
}
@media only screen and (max-width: 600px) {
  input[type="submit"] {
    font-size:28px;
  }
}

ul.row {
 width: 95%;
 list-style-type: none;
 float: right;
 clear: both;
 display: inline-block;
 padding: 0.5em;
 margin-bottom: 100px;
}

div.figure {
 width: 100%;
 border: thin #404040 solid;
 border-radius: 25px;
 box-shadow: 15px 15px #554045;
 background-color:#EEA0C0;
 margin: 0.5em;
 padding: 0.5em;
 text-align: center;
 font-style: normal;
 font-size: smaller;
 text-indent: 0;
 padding: 20px;
}

img.scaled 
{
 max-width: 100%;
}

button.b 
{
 color: #C03090;
 text-align: center;
 font-style: normal;
 font-size: smaller;
 text-indent: 0;
 padding: 7px;
 background-color: #000000;
 max-width: 120px; 
 border:4px solid #C03090;
 border-radius: 25px;
 box-shadow: 10px 10px #654555;
}

button.b:hover
{
 background-color: #FFFFFF;
 box-shadow: 10px 10px var(--main);
}