/**
 *styles for Ramsey Darling resume
 *@rdarling
 *
 */
.disappear {
  display: none; }

.left {
  float: left; }

.right {
  float: right; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.brick {
  clear: both; }

.inner {
  transition: all 0.5s; }

div {
  transition: background 1s ease; }

.light-triangle-bg {
  background: url('../images/triangles_pattern.png') fixed; }

.dark-triangle-bg {
  background: url('../images/triangles.png') fixed !important; }

.lake-triangle-bg {
  background: url('../images/triangle.jpeg') no-repeat fixed !important;
  background-size: cover !important; }

a {
  cursor: pointer; }

ul.inline li {
  display: inline; }

.graph {
  border: 1px solid #fff;
  width: 100%;
  height: 3rem;
  min-width: 100%; }

.fill {
  background: #3085d6;
  display: block;
  height: 100%; }

.fill-5 {
  width: 50%; }

.fill-6 {
  width: 60%; }

.fill-7 {
  width: 70%; }

.fill-8 {
  width: 80%; }

.fill-9 {
  width: 90%; }

.fill-10 {
  width: 100%; }

#name {
   opacity:0.8;
  padding: 20rem 0; }
  #name h1 {
    text-transform: uppercase;
    text-weight: bold; }

#title {
  background: #040404;
  padding: 10rem 0;
  color: #f4f4f4; }
  #title h2 {
    color: #f4f4f4; }

#header {
    background: url('../images/snow.gif') no-repeat fixed; 
    background-size:cover;
}

main {
  background: #040404;
  color: #f4f4f4; }
  main:hover {
    color: white;
    background: black; }
  main h3 {
    padding: 1rem 2rem;
    color: #f4f4f4; }
  main #about {
    background: url('../images/colorful-space-background.jpg') no-repeat fixed; 
    background-size:cover;
}
  main #experiance {
    background: #f4f4f4;
    color: #333; }
    main #experiance h3 {
      color: #333; }
  main #skills {
    background: url('../images/birds.gif') no-repeat fixed;
    background-size: cover; }
    main #skills .inner {
      background: rgba(0, 0, 0, 0.9); }
  main #contact {
    background: url('../images/dragon.jpg') no-repeat fixed;
    background-size: cover;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
    main #contact:hover {
      -moz-transform: scale(1.1, 1.1);
      -webkit-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1); }
    main #contact .inner {
      background: rgba(255, 255, 255, 0.6);
      color: #333; }
      main #contact .inner:hover {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
        main #contact .inner:hover h3 {
          position: relative;
          left: 10rem; }
    main #contact h3 {
      color: #333; }

footer {
  padding: 5rem; }