/*--------------------------------------------------------------------*/
/* style.css                                                          */
/* Author: Kasey McFadden                                             */
/*--------------------------------------------------------------------*/

/* Custom fonts */

@font-face { font-family: Princeton; src: url('vendor/PrinceMontiDSOSRegular.ttf'); }

/* Global box-sizing for better responsiveness */

* {
  box-sizing: border-box;
}

/* Element rules */

td {
  padding-top: 1%;
  padding-bottom: 1%;
}

body {
  height: 100%;
  font-family: 'Roboto Mono';
}

/* Ensure all <img> elements scale responsively */
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/*--------------------------------------------------------------------*/

/* Class rules */

.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
  width: 100%;
  padding: 1rem;
  margin: 0;
}

.nameContainer {
  width: 100%;
  margin-bottom: 5px;
  height: auto;
}

.nameImage {
  width: 100%;
  max-width: 50rem;
  height: auto;
}

.nameText {
  font-family: 'Roboto Mono', monospace;
  color: black;
  font-size: 45px;
  font-weight: bolder;
}

.bioContainer {
  width: 100%;
  margin-bottom: 10px;
}

.bioImage {
  max-width: 20rem;
  height: auto;
}

.btnContainer {
  margin-top: 2rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
}

.btnImage {
  width: 100%;
  max-width: 15rem;
  height: auto;
}

.btn:hover img{
  filter: invert(31%) sepia(74%) saturate(1990%) hue-rotate(192deg) brightness(93%) contrast(103%);
}

.main {
  font-family: 'Roboto Mono', monospace;
  display: block;
  text-align: center;
  margin: 1rem auto;
  max-width: 1000px;
}

.infoImageContainer {
  vertical-align: baseline;
  padding-left: 4%;
}

.infoImage {
  max-width: 100%;
  height: auto;
}

.infoText {
  font-family: 'Roboto Mono', monospace;
  font-size:16px;
  font-weight: normal;
  padding-left:30px;
  padding-right:15px;
  width:85%;
  text-align:left;
  color:black;
  display:table-cell;
}

.linkText {
  color: #E65C63;
}

.linkText:hover {
  color: #e65c63c5;
  text-decoration: none;
}

.eduText {
  color: #f58025;
}

.proj {
  padding-bottom: 14px;
}

.projText {
  color: #00BC96;
  font-weight: bold;
}

.projText:hover {
  color: #00BC96c5;
  text-decoration: none;
}

/* Responsive font adjustments */

@media (max-width: 576px) {
  .nameText {
    font-size: 36px;
  }
  .bioText {
    font-size: 16px;
  }
}