/******************************************************************
 * RDStyles.css - RainDevel Website CSS
 * Author: Frédéric Charette - Raindevel.com (c) 2023
 * 
 ******************************************************************
 * 
 */

*{
  box-sizing: border-box;
}

/* Style the background and defaults for the page */
body {
  margin: 15px;
  font-family: 'Courier New', Helvetica, sans-serif;
  background-color:darkorange;
  color: darkorange;
}

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #202020;
  
}

  /* Style the topnav links */
  .topnav a {
    float: left;
    display: block;
    color:darkorange;
    text-align: center;
    padding: 14px 10px;
    text-decoration: none;
  }

  /* Style the "Active Tab" class */
  .active {
    background-color: black;
    color: darkorange;
  }

  /* Change color on hover */
  .topnav a:hover {
    background-color: black;
    color:lime;
  }
/* End Top Nav */

/* Style the content */
.content {
  background-color: black;
  height: 85vh;
  padding: 1px;
  padding-left: 15px;
}
  .content a {
    color:lime;
  }

  .content a:visited {
    color:violet;
  }

  .container {
    display: flex;
  }

  .container p {
    padding-left: 30px;
  }

  .container img{
    float: left;
    size: 225px;
  }
/* End Container */

/* Create spacing */
.space{
  padding-bottom: 15px;
}

/* Style the footer */
.footer {
  background-color: black;
  padding: 10px;
  font-size: small;
}

/* Responsive layout - makes the columns stack on top of 
each other instead of next to each other */
@media only screen and (max-width: 800px) {

  /* Content */
  .content {
    overflow-wrap: break-word;
  }
}