/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   

@font-face {
  font-family: "Varela Round";
  src: url(/varelaroundregular.ttf);
}

@font-face {
  font-family: "Open Sans";
  src: url(/opensansregular.ttf);
}


body {
  background-color: #cfb5ff;
  color: black;
  font-family: "Varela Round";
  margin:0;
}

.header {
    position: sticky; 
    top: 0;
    background-color:#fc03ad;
}

a {
  text-decoration:none;
}

a:visited {
  color:blue;
}

a:hover {
  background-color:white;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
  width: 75%;
  padding-left:50pt;
}

/* Right column */
.rightcolumn {
  float: left;
  width: 25%;
  padding-left: 20px;
}

/* Add a card effect for articles */
.card {
  background-color: white;
  padding: 20px;
  margin-top: 20px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.imgproportional {
    width: 100%;
    height: auto;
}