body {
  cursor: url(https://cdn.custom-cursor.com/db/15928/32/sanrio-mocha-cursor.png), auto;
}

@font-face {
  font-family: planet-kosmos;
  
  src: url(./PLANK___.TTF);
}
@font-face {
  font-family: milkshake-creps;
  
  src: url(./Milkshake\ Creps.otf);
}
@font-face {
  font-family: winterfarm;
  
  src: url(./Winter\ Farmhouse.otf);
}
@font-face {
  font-family: windsol;
  
  src: url(./Windsol-Regular.ttf);
}
@font-face {
  font-family: coolvetica;
  
  src: url(./Coolvetica\ Rg.otf);
}
.larawashere {
  width:800px;
  padding-top:10px;
}
body{
      /*background-color:rgb(103, 78, 79);*/
      background-color:rgb(244, 209, 210);
      margin:0;
}
.whole-container {
    
    margin-left:50px;
    padding-top: 0px;
    margin-top:20px;
    margin-right:50px;
    box-shadow: 50px;
    
}
h1 {
    font-weight:100;
}
.top-container {
    background-image: url('./carrowheader2.png');
    background-size: 1600px;
    background-position-x: -70px;
    background-position-y: -90px;

    color:rgb(217, 0, 255);
    text-align: center;
    font-family: "milkshake-creps", serif;
    font-weight: 100;
}
.navigation {
  display: inline-block;
  /*border:3px solid rgb(169, 52, 78);*/
  background-color:rgb(232, 149, 167);
  padding-left: 20px;
  color: white;
  font-weight: 100;
  font-size: 30px;
  font-family: "coolvetica", serif;
  width:300px;
  height:700px;
 
  
}
h3 {
  font-weight:100;
}
h2 {
  font-weight:100;
  margin:0px;
}
.welcome {
  display: inline-block;
  padding-left: 0px;
  
  color: white;
  
  font-weight: 100;
  font-size: 30px;
  font-family: "coolvetica", serif;
  width:800px;
  height:400px;
  vertical-align: top;
  text-align: center;
  margin-left:20px;
  
}
.navimage {
  display:block;
  width:320px;
}

.subnav {
  width:320px;
  display:inline-block;
  margin:0px;
  margin-right:5px;
}
.mininav {
  display:block;
 /* background-color:rgb(141, 110, 111);*/
  background-color:rgb(232, 149, 167);
  padding-left:20px;
  color: white;
  font-weight: 100;
  font-size: 20px;
  font-family: "milkshake-creps", serif;
  margin:0px;
}
.mininav h2 {
  margin:10px;
  margin-top:0px;
}
.divider {
  display:block;
  width:1421px;
  height:40px;
  background-color:#fffeef;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow:hidden;
}
.welgallery {
  margin-top:20px;
  text-align: left;
}
.galleryimg{
  display:inline;
  width:250px;
  height:200px;
  object-fit: cover;
  
}
.pagewhere {
  margin-top:20px;
  margin-bottom:0px;
}
.pagetext {
  text-align: left;
  font-family: "milkshake-creps", serif;
  color:white;
  font-size:40px;
}
.divider2{
  display:block;
  width:760px;
  height:50px;
  text-align:center;
  font-size:50px;
  color:white;
  margin-bottom:20px;
  margin-top:0px;
}
.pikablinkie {
  display: inline;
  -webkit-user-select: none;
  background-color: hsl(0, 0%, 90%);
  text-align:left;
  margin:0px;
  width:284.2px;
}
.kirbblinkie {
  display: inline;
  -webkit-user-select: none;
  margin: 0px;
  background-color: hsl(0, 0%, 90%);
  width:284.2px;
  height:40px;
}
.starblinkie{
  display: inline;
  -webkit-user-select: none;
  margin: 0px;
  background-color: hsl(0, 0%, 90%);
  width:284.2px;
  height:40px;
}
.slider {
  display:flex;
  width:max-content;
  height:100%;
  flex-shrink:0;
 animation: slide 10s linear infinite;
  
}


@keyframes slide {
  0% {
    transform: translateX(0px);
  }
  
   100% {
    transform: translateX(-1421px);
  }
}
.slider img {
  flex-shrink:0;
}
.pastelangel {
  display: inline;
  -webkit-user-select: none;
  margin: 0px;
  background-color: hsl(0, 0%, 90%);
  width:284.2px;
  height:40px;
}
.gemblinkie {
  display: inline;
  -webkit-user-select: none;
  margin: 0px;
  background-color: hsl(0, 0%, 90%);
  width:284.2px;
  height:40px;
}
.galdivider {
  display:block;
  width:765px;
  height:35px;
  background-color:red;
  margin-bottom:10px;
}
@media (max-width: 800px) {
  .top-container {
  width:570px;
  }
  .larawashere{
    width:500px;
  }
  .whole-container {
    
  }
  .pagewhere {
    width:200px;
  }
  .pagetext {
    font-size: 25px;
  }
  .mininav {
    
    width:150px;
    font-size:15px;
    margin:0px;
  }
   .subnav {
    display: inline-block;
    font-size:20px;
    max-width:200px;
    width:180px;
    
  }
  .Work-In-Progress {
    width:20px;
  }
  .navigation {
    width:150px;
    font-size:20px;
    height:300px;
  }
      /* CSS for screens below or equal to 600px wide */
      .welcome {
        display:inline-block;
        width:320px;
        margin:0px;

      }
      .divider2 {
        font-size:25px;
        text-align:left;

      }
      .galleryimg {
        width: 100px;
        height:100px;
      }
      .welcomeh2 {
        text-align:left;
        font-size:30px;
      }
      .aboutme2 {
        text-align:left;
        font-size:20px;
      }

    }