body {
  background-image: url("https://welcometoregret.neocities.org/Image/Final%20Collage%20as%20Background%20for%20Welcome%20to%20Regret.png");
  background-size: cover;
  font-family: 'hartingplain', Arial, sans-serif;
  filter: saturate(100%);
}

@font-face {
    font-family: 'hartingplain';
    src: url('/Font%20Folder/harting_plain_macroman/Harting_plain-webfont.woff2') format('woff2'),
         url('/Font%20Folder/harting_plain_macroman/Harting_plain-webfont.woff') format('woff'),
         url('/Font%20Folder/harting_plain_macroman/Harting_plain-webfont.ttf') format('truetype');
}


.toppage {
}

.videomessage {
  background-size: cover;
  background-color: rgba(11,11,11,0.2);
  color: rgba(147,60,100,1);
  font-size: 30px;
  text-shadow: 10px 6px rgba(10,15,62,1);
  filter: saturate(150%);
  font-weight:bold;
  filter:contrast(125%);
  margin-left: 100px;
  max-width:500px;
}  
 
   .topmenu {
     width:50px;
     background-size:contain;
     position:fixed;
     text-decoration: underline;
     text-underline-offset: 8px;
     text-decoration-thickness: 2px;
     color: red;
     font-size: 20px;
     font-family: 'hartingplain', Arial, sans-serif;
     -webkit-text-stroke: 20px rbga(0,0,0,1);
     margin-left:1400px;
     margin-top:5px;
   }





.aaa {
  background-size:contain;
  font-size:26px;
  position: fixed;
  color: rgba(10,0,0,1);
  margin-left:1380px;
  margin-top:75px;
}



video {
position:fixed;
margin-top:5px;
      
     /*may need some adjustment to bring the below message closer to  the video, some minor tweakng should work*/ 
      
}

.areacode {
  position:fixed;
  margin-left:510px;
  margin-top: 300px;
}

.belowmessage {
  background-size: cover;
  background-color: rgba(2,0,2,0.6);
  font-size:42px;
  color:rgba(106,7,9,1);
  font-weight:bold;
  text-shadow: 1px 1px rgba(104,19,62,0.1);
  margin-top: 40px;
  font-family: 'hartingplain', Arial, sans-serif;
  max-width: 500px;
  filter: saturate(155%);
  filter: contrast(85%);
  -webkit-text-stroke: 1px rgba(150,25,25,0.55); /* Chrome, Safari */
  text-shadow: -1px -1px 0 #100,
  1px -1px 0 #060,
  -1px 1px 0 #050,
  1px 1px 0 #050; /* Cross-browser simulation */
  
}


/* SEE EMAIL FROM 5-13-26*/

.gloaminghills {
    background-color: rgba(25,95,95,0.25);
    position: fixed;
    font-size:21px;
    color: rgba(250,75,97,1);
    margin-left:1243px;
    margin-top:120px;  /* find  best way to position these*/
    font-family: 'hartingplain', Arial, sans-serif;
   filter: saturate(175%);
   text-shadow: 2px 2px black;
}




a:link {
  color: rgba(250,75,97,1); /* normal link color */
}

a:visited {
  color: rgba(250,75,97,1); /* visited link color */
}

a:hover {
  color: rgba(255,120,140,1); /* hover color */
}

a:active {
  color: rgba(200,40,60,1); /* click color */
}


/* formatting the video position by utilizing margin top and bottom, left and right if needed and increasing the space between if needed, then add a <p> in a <div> in html to place the message above it and anything that you want to say underneath it as another <div> figure out how to edit the color properly in this. got all of this working now. font and color selected. need to create <p> in a <div> to go below the video as a short breakdown of the message and a statement concerning the "viral video". follow this by creating a simple right side panel with a "about" page informing about the goal of suspension of disbelief for all other aspects of the site. then just need to add effects over the whole page like saturation, contrast, blur and more*/

/* NOTE; NEARLY DONE, NEED TO ADD SOME SLIGHT ADJUSTMENTS BALANCING ELEMENTS, ADDING STYLES, FIXING TOP IMAGE SO ITS LESS SQUISHED ETC*/


 /*display: block; /* or inline-block */