.title {
  position: fixed; 
  width: 20vw;
  background-color: gray;
  height: 10vh;
  border-radius: 10px;
  box-shadow: 5px 5px 5px 5px;
  margin-left: 2vw;
}

a {
  z-index: 10;
}

h3 {
  width: 20vw;
}

.top_bar {
  width: 110%;
  font-size: 20px;
  margin:-3% 0  0 -10%;
  background-color: #74A4CF;
  height: 5%;
  overflow:hidden;
  border: solid #0c4B3E;
  border: solid #E8FCFC;
  padding: 1em;
  margin: 0, 0, 1em, 0;
  color: #CAC5B2;
  border-radius: 4px;
}

.projects {
  margin-left: 5vw;
  margin-bottom: 2vh;
}
.project {
  position: relative;
  margin-top: 5vh;
  margin-bottom: 5vh;
  padding: 2vw;
  border: solid black 2px;
  border-radius: 5px;
}

.hint {
  position: absolute;
  bottom: 4vh;
  left: 10%;
  color: white;
  display: none;
  font-style: italic;
}

.project:hover {
  box-shadow: 2px 5px 5px 0 gray
}
.description {
  background: white;
  height: 100px;
  padding: 2px;
  left: 32%;
  position: absolute;
  height: 2em;
  bottom: 50%;
}
.description p {
  position: relative;
  display: none;
  bottom: 50%;
}

.links {
  position:absolute;
  right: 2vw;
  top: 4vh;
}
h2 {
  font-family: "Georgia";
  color: #74A4CF
}
.image_space {
  position: relative;
  overflow: hidden;
  height: 125px;
  width: 125px;
  margin: -10px 0 0 0;
  border-radius: 100%;
  border: solid #0c4B3E 3px;
  border: solid #74A4CF;
  background-color: lightgray;
  box-shadow: 2px 2px 2px 1px #E8FCFC
}
.picture {
  width: 125px;
}

.project_picture {
  width: 200px;
  border-radius: 7px;
  border: solid white;
  margin: 2px 2px 2px 2px;
}

.project_picture:hover {
  border: solid #74A4CF;
  box-shadow: 2px 2px 2px 1px #E8FCFC
}

.navigation {
  position: fixed;
  margin-top: 5em;
  width: 20%;
  height: 78%;
  padding: 1em;
  border: solid black;
  border-radius: 4px;
}
.content {
  left: 25%;
  top: 20%;
  display: none;
}

.show_tech {
  color: black;
  border: solid #74A4CF;
  background-color: #E9FCFA;
  box-shadow: 2px 2px 2px gray;
  border-radius: 5px;
  width: 7em;
  padding: 0 0 0 0;
  position: absolute;
  left: 50%;
  bottom: 2%;
  display: none;
}

.technical_description {
  background-color: #74A4CF;
  position: absolute;
  right: 0%;
  top: 0%;
  width: 1%;
  padding: 1%;
  color: black;
  height: 89%;
  border:solid white 2px;
  border-radius: 5px;
  overflow: hidden;
  display: none;
}

.details_p {
  
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */