BODY
{
background-color: black;
color: #dedede;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
padding: 0px;
padding-top: 0px;
height: 100%;
}

.parallax {
  /* The image used */
  background-image: url("P1060829_p_1024.jpg");

  /* Set a specific height */
  height: 60%;

  border: 0px solid red;
  
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  aborder-radius: 32px;
}



.parallax2 {
  /* The image used */
  background-image: url("P1060844_p_1024.jpg");

  /* Set a specific height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  aborder-radius: 32px;
}



.content
{
margin-left: 15%;
margin-right: 15%;
padding-top: 40px;
padding-bottom: 40px;
border: 0px solid green;
font-size: 16px;
line-height: 150%;
}





a.linktitle1:link
{ color: hotpink; text-decoration: none; }

a.linktitle1:visited
{ color: hotpink; text-decoration: none; }

a.linktitle1:hover
{ color: red; text-decoration: none; }


a:link
{ color: hotpink; text-decoration: none; }

a:visited
{ color: hotpink; text-decoration: none; }

a:hover
{ color: red; text-decoration: none; }

a:active
{ color: white; text-decoration: none; }

.highlightme
{ color: white; }

.title1
{ color: hotpink; font-size: 36px; padding-bottom: 12px; padding-top: 4px; text-align: center; }

.title2
{ color: white; font-size: 18px; padding-bottom: 12px; padding-top: 4px; text-align: center; }

.menu
{ text-align: center; padding: 20px; font-size: 18px; }



/*
 *
 *should prob go in, too tired to see
 *

html {
    overflow: hidden;
}
body {
    margin: 0;
    font-size: 26px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #ffffff;
    height: 100vh;
    perspective: 1px;
    transform-style: preserve-3d;
    overflow-x:hidden;
    overflow-y:auto;
    background-color: #000000;
}



.parallax-wrapper {
    width: 100vw;
    height:100vh;
    padding-top:20vh;
    box-sizing: border-box;
    transform-style: preserve-3d;
}

.parallax-wrapper::before {
    content:"";
    width: 100vw;
    height: 300vh;
    top: 0;
    left: 0;
    background-image: url("P1060829_p_1024.jpg");
    background-repeat: repeat-y;
    background-size: cover;
    background-position: center top;
    position: absolute;
    z-index: -1;
    transform:translateZ(-1px) scale(2);
}


*/