/* styles.css */
/* import all fonts here */

html {
  height:100%;
  font-family: Verdana, sans-serif;
  color: #493628;
}

html::-webkit-scrollbar {
    display: none;
}

.main-title {
  font-size: 70px;
  font-weight: 700;
  text-align: center;
  padding:20px;
  
}

.tagline {
  font-size: 20px;
  text-align: center;
  padding:20px;
  padding-top: 100px;
  padding-bottom: 50px;

}


body {
  height: 100%;
  min-height:100vh;
  margin: 0px;
  margin-top:100px;
  background-color: #FCE7C8;
  /*added flex functionality for footer*/
  display: flex;
  flex-direction:column;
}

main {
  width:90%;
  margin-left:auto;
  margin-right:auto;
  flex:1
}

footer {
  position:fixed;
  bottom:0;
  width:100%;
  background-color:  #493628;
  color: #FCE7C8;
  padding:5px;
  /* flex box for menu items*/
  display:flex;
  flex-direction:row;
  justify-content: flex-end;
}

footer a {
  color: #FCE7C8;
  text-decoration: none;
}

footer a:hover {
  color: #FCE7C8;
  text-decoration: underline;
}

.menu-item {
  display: inline-block;
  margin-left:auto;
  margin-right:10px;
  padding-right:10px;
  
}

/* ---- PROJECTS ---- */

.project-item {
  border-radius:40px;
  padding:10px;
  background-color: #ffea91;
  display:flex;
  flex-direction:row;
  width:80%;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
}

.project-content {
  display:flex;
  flex-direction:column;
  padding:10px;
}

.project-tags p {
  display: inline-block;
  border-radius:10px;
  margin:2px;
  padding: 5px;
  font-size: 12px;
  background-color: #d0e98e;
}

.project-graphic {
  margin-left:auto;
  margin-right:5px;
  border-radius:20px;
  margin-top:5px;
  margin-bottom:5px;
  background-color:black;
  
}

.model_cam {
  width: 40%;
  height: 40vh;
  margin-left:auto;
  margin-right:10px;
}

.model_robot {
  width: 40%;
  height: 40vh;
  margin-left: 10px;
  margin-right: auto;
}