@font-face {
  font-family: 'carbontyperegular';
  src: url("Fonts/carbontype-webfont.woff2") format("woff2"), url("Fonts/carbontype-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'com4t_fine';
  src: url("Fonts/com4f_rg-webfont.woff2") format("woff2"), url("Fonts/com4f_rg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
#text1 {
  color: red; }

/*
@font-face	{
	font-family: carbontyperegular;
	src: url(/Assets/Fonts/carbontype.ttf);
}
*/
html {
  height: 100%; }

body {
  /*height: 1000px;*/
  font-family: 'Georgia', serif; }
  body a:link, body a:hover, body a:active, body a:visited {
    text-decoration: none;
    color: black; }

h3 {
  font-family: 'com4t_fine';
  font-size: 20pt;
  color: #000055;
  font-weight: bold; }

h4 {
  margin-bottom: 0; }

/*#grid-wrapper	{
	height: 100%;
	width: 100%;
	display: inline-block;
	display: grid;
	grid-template-columns: 1fr 8fr 1fr 1fr 1fr;
	transition: grid-template-columns 5s;
	grid-gap: 0;
	background-image: url(/home/cspanw74/Documents/Resume/portf-page/Assets/Images/harry.jpg);
	z-index: -3;
}*/
.vertical-wrapper {
  display: inline; }

.vertical-section {
  position: relative;
  /*top: 0;*/
  display: inline-block;
  width: 20%;
  height: 238px;
  transition: width 1s;
  margin: 0;
  /*border: 1px solid black;*/ }

.section-title {
  /*border: 1px solid black;*/
  cursor: pointer;
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 25%;
  /*z-index: -1;*/
  width: 320px;
  overflow: visible;
  transform: rotate(270deg);
  transform-origin: right top 0;
  animation-name: titles-in;
  animation-duration: 2s; }
  .section-title .section-title-text {
    font-family: 'carbontyperegular';
    text-align: right;
    font-size: 36pt;
    color: #ee7777;
    margin: 0;
    overflow: visible;
    /*z-index: -1;*/ }
    .section-title .section-title-text:hover {
      color: #aa1111; }

@keyframes titles-in {
  from {
    top: 1000px; }
  to {
    top: 10px; } }
#home-content {
  z-index: 2; }
  #home-content .home-text {
    margin: 12px 0; }

#content-wrapper {
  width: 60%;
  float: right; }

.content {
  z-index: 1;
  display: none;
  width: 480px;
  height: auto;
  transition: height 1s linear; }
  .content #main {
    display: block; }
  .content .content-header {
    cursor: pointer;
    margin-bottom: 12px; }
  .content p {
    margin-top: 0; }

.content-subsection {
  display: none; }

#download-button {
  display: inline-block;
  font-weight: bold;
  color: #000055;
  background-color: #dddddd;
  padding: 2px 8px;
  border-radius: 20%; }
  #download-button a:link, #download-button a:hover, #download-button a:active, #download-button a:visited {
    text-decoration: none;
    color: #000055; }

/*# sourceMappingURL=styles.css.map */