@font-face {
  font-family: Custom;
  src: url(LonelyStudy.otf);
}

body { 

  font-family: Custom, verdana;
  color: white;
  
  background-color: black;
  background-image: url("img1/cork.png");
  
  list-style-type: none;
  background-position: center; 
  background-repeat: repeat;
  background-size: 1366px 768px;

}

#top { 
  
  border: 1px dashed black; 
  
  display: block; 
  width: 450px; 
  height: 100px;
  padding: 10px;
  margin-top: 100px;
  margin-left: 120px; 
}

#to {
  text-align: center;
  background-image: url("img1/sidepin.png");
  
  display: block; 
  width: 50px; 
  height: 100px;
  padding: 10px;
  margin-top: 10px;
  margin-left: 10px;  
  
  position: fixed;
  bottom: 1;   
  
  overflow: auto;
}

#board {
  text-align: center;
  
  display: block; 
  width: 1320px; 
  height: 10000px;
  padding: 10px;
  margin-top: 3px;
  margin-left: 3px; 
}
  
.base {
  text-align: center;
  background-color: black;
  
  border: 1px dashed black; 
  
  display: block; 
  width: 200px; 
  height: 200px;
  padding: 10px;
  margin-top: 0px;
  margin-left: 0px; 
  
}

#intro {
  text-align: center;
  background-image: url("365img/grid1.png");
  background-size: 500px 407px;
  background-position: center;
  
  display: block; 
  width: 450px; 
  height: 320px;
  padding: 20px;
  padding-top: 50px;
  margin-top: 20px;
  margin-left: 250px; 
}
#introtext {
  text-align: center;
  color: black;
  
  display: block; 
  width: 350px; 
  height: 200px;
  padding: 0px;
  padding-top: 0px;
  margin-top: 35px;
  margin-left: 90px; 
}

#linkybox { 
  text-align: center;
  background-image: url("365img/card1.png");
  background-size: 300px 350px;
  background-position: center;
  display: block; 
  
  width: 300px; 
  height: 350px;
  padding: 0px;
  margin-top: -500px;
  margin-left: 850px; 
}
#linkytext {
  text-align: center;
  color: black;
  
  display: block; 
  width: 300px; 
  height: 300px;
  padding: 0px;
  padding-top: 0px;
  margin-top: -500px;
  margin-left: 0px; 
}

#weekbox {
  text-align: center;
  
  display: block; 
  width: 1000px; 
  height: 3000px;
  padding: 10px;
  margin-top: 100px;
  margin-left: 145px; 
}

#up1 {
  text-align: center;
  
  background-image: url("img1/LWstars.gif");
  background-position: center; 

  border: 1px dashed black;  
  
  display: block; 
  width: 450px; 
  height: 300px;
  padding: 10px;
  margin-top: 100px;
  margin-left: 250px; 
}

#collect6 {
  text-align: center;
  
  display: block; 
  width: 650px; 
  height: 650px;
  padding: 0px;
  margin-top: 150px;
  margin-left: 0px; 
}
#box6 {
  text-align: center;
  background-color: rgb(31, 81, 255);

  border: 3px outset black; 
  
  display: block; 
  width: 370px; 
  height: 290px;
  padding: 5px;
  padding-top: 20px;
  margin-top: 50px;
  margin-left: 0px; 
}
#pic6_1 {
  border: 1px dashed black; 
  
  display: block;
  width: 244px; 
  height: 446px;
  padding: 0px;
  margin-top: -260px;
  margin-left: 400px; 
}

#pic6_2 {
  border: 1px dashed black; 
  
  display: block;
  width: 205px; 
  height: 262px;
  padding: 0px;
  margin-top: -175px;
  margin-left: 165px; 
}

#box5 {
  text-align: center;
  background-color: rgb(96, 130, 182);

  border: 3px outset black; 
  
  display: block; 
  width: 350px; 
  height: 270px;
  padding: 20px;
  padding-top: 5px;
  margin-top: -220px;
  margin-left: 660px; 
}
#box4 {
  text-align: center;
  background-color: rgb(20, 52, 164); 

  border: 3px outset black; 
  
  display: block; 
  width: 350px; 
  height: 270px;
  padding: 20px;
  padding-top: 0px;
  margin-top: 5px;
  margin-left: 100px; 
}
#box3 {
  text-align: center;
  background-color: rgb(135, 206, 235);

  border: 3px outset black; 
  
  display: block; 
  width: 350px; 
  height: 500px;
  padding: 20px;
  padding-top: 0px;
  margin-top: -240px;
  margin-left: 530px; 
}
#pic3 {
  border: 1px dashed white; 
  
  display: block;
  width: 226px; 
  height: 272px;
  padding: 0px;
  margin-top: 20px;
  margin-left: 55px; 
}

#box2 {
  text-align: center;
  background-color: rgb(96, 130, 182);

  border: 3px outset black; 
  
  display: block; 
  width: 350px; 
  height: 160px;
  padding: 20px;
  padding-top: 0px;
  margin-top: -200px;
  margin-left: 60px; 
}

#collect1 {
  text-align: center;
  
  display: block; 
  width: 950px; 
  height: 900px;
  padding: 0px;
  margin-top: 0px;
  margin-left: 25px; 
}
#box1 {
  text-align: center;
  background-color: rgb(93, 63, 211);

  border: 3px outset black; 
  
  display: block; 
  width: 350px; 
  height: 260px;
  padding: 20px;
  padding-top: 0px;
  margin-top: 100px;
  margin-left: 280px; 
}
#pic1_1 {
  border: 1px dashed black; 
  
  display: block;
  width: 308px; 
  height: 419px;
  padding: 0px;
  margin-top: 10px;
  margin-left: 150px; 
}
#pic1_2 {
  border: 1px dashed black; 
  
  display: block;
  width: 308px; 
  height: 419px;
  padding: 0px;
  margin-top: -420px;
  margin-left: 475px; 
}

#startcollect {
  text-align: center;
  
  display: block; 
  width: 900px; 
  height: 900px;
  padding: 0px;
  margin-top: 0px;
  margin-left: 0px; 
}
#bot {
  text-align: center;
  background-color: rgb(76,124,254);

  border: 3px outset black;  
  
  display: block; 
  width: 450px; 
  height: 100px;
  padding: 10px;
  margin-top: 0px;
  margin-left: 250px; 
}

#pics_1 {  
  display: block;
  width: 266px; 
  height: 419px;
  padding: 0px;
  margin-top: 70px;
  margin-left: -160px; 
}
#pics_2 { 
  display: block;
  width: 266px; 
  height: 419px;
  padding: 0px;
  margin-top: -400px;
  margin-left: 80px; 
}
#pics_3 {
  display: block;
  width: 266px; 
  height: 419px;
  padding: 0px;
  margin-top: -400px;
  margin-left: 340px; 
}
#pics_4 {
  display: block;
  width: 266px; 
  height: 445px;
  padding: 0px;
  margin-top: 0px;
  margin-left: -60px; 
}
#pics_5 { 
  display: block;
  width: 266px; 
  height: 445px;
  padding: 0px;
  margin-top: -450px;
  margin-left: 240px; 
}

a:link {
  color: blue;
  text-decoration: none;
}
a:visited {
  color: blue;
  text-decoration: underline;  
}
a:hover {
  color: white;
  text-decoration: underline;
}
p {
  font-size: 20px;
}