@font-face {
    font-family: sub-header-font;
    src: url(/introrustg_base2line_macroman/aliens_and_cows_trial.ttf);
}

@font-face {
    font-family: header-font;
    src: url(/introrustg_base2line_macroman/introrustg-base2line-webfont.ttf);
}

html{
  width: 100vw;
  height: 100vh;
}

body{
  width: 100%;
  height: 100%;
  margin: 0;
}

.first-panel{
  background:
  linear-gradient(
      rgba(255, 0, 0, 0.60),
      rgba(255, 0, 0, 0.15)
    ),
    url("background.jpg");
  background-position: center;
  background-attachment: fixed;
  height: 100%;
}

h1{
  font-family: 'header-font';
  font-size: 62pt;
  color: white;
  margin: 0;
}

h2{
  font-family: 'sub-header-font';
  font-size: 42pt;
  color: white;
  margin: 0;
}

.title{
  padding: 5%;
}

.second-panel{
  height: auto;
  background-color: black;
  padding-left: 7.5%;
  padding-right: 7.5%;
  padding-top: 5%;
}

.about-me{
  color: white;
}

.description{
  font-family: Helvetica, light, sans-serif;
  font-size: 24pt;
  text-align: justify;
}

td{
  padding: 2.5%;
}

img{
  width: 500px;
  height: 250px;
  padding: 2.5%;
  border-radius: 10px;
}

.thick{
  font-family: header-font;
  font-size: 30pt;
}

.contact-me-form{
  background-color: #B20000;
  padding: 2.5%;
}

label{
  font-family: Helvetica, light, sans-serif;
  font-size: 16pt;
  color: white;
}

input{
  height: 30px;
  border-radius: 15px;
}