body {
    font-family: Garamond, serif;
    font-size: 12px;
    cursor: url("cursor1.7.png"), auto;
    overflow-x: hidden;
}
.menu {
   display: flex;
   height: 20%;
}
#meta {
   width: 300px;
   height: 150px;
   background-size: 100%;
   background-image: url('meta.png');
   background-repeat: no-repeat;
  }
  #meta:hover {
    background-image: url('metahover.png');
  }
  #loving {
   width: 350px;
   height: 150px;
   background-size: 100%;
   background-image: url('loving.png');
   background-repeat: no-repeat;
  }
   #loving:hover {
    background-image: url('lovinghover.png');
  }
  #cv {
   width: 80px;
   height: 150px;
   background-size: 100%;
   background-image: url('cv.png');
   background-repeat: no-repeat;
}
 #cv:hover {
    background-image: url('cvhover.png');
  }
#photos {
   width: 150px;
   height: 150px;
   background-size: 100%;
   background-image: url('photos.png');
   background-repeat: no-repeat;
}
 #photos:hover {
    background-image: url('photoshover.png');
  }
#prints {
   width: 150px;
   height: 150px;
   background-size: 100%;
   background-image: url('prints.png');
   background-repeat: no-repeat;
}
 #prints:hover {
    background-image: url('printshover.png');
  }
#about {
   width: 150px;
   height: 150px;
   background-size: 100%;
   background-image: url('about.png');
   background-repeat: no-repeat;
}
 #about:hover {
    background-image: url('abouthover.png');
  }
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: rgb(255, 255, 255);
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 1px solid rgb(43, 43, 43); 
}
a {
  cursor: url(cursorhover.png), auto;
}

#wrap{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding: 2%;
}
#wrapindex{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px;
  z-index: 0;
}
#wrapindex2{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
}
#columnindex1{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#columnindex2{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#columnindex3{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#containerpic {
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0px;
  z-index: 0;
}
.row {
  display: flex;
  flex-wrap: wrap;
  max-width: 80%;
}
.rowhead {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rowhead a {
    font-size: 130%;
    text-align: center;
    letter-spacing: 3px;
    line-height: 30px;
}
.row2 {
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  padding-left: 9%;
  padding-right: 9%;
}
.column {
  overflow-y: auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0 0px;
  z-index: 0;
}
.top{
    text-align: center;
}
.top a{
  font-size: 130%;
  letter-spacing: 3px;
}
.top2{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%
}
.gifcolumn1 {
  flex: 0%;
  z-index: 0;
  text-align: center;
}
.gifcolumn1 a{
  font-size: 100%;
  letter-spacing: 3px;
  word-spacing: 1px;
  line-height: 30px;
}
.gifcolumn1 img {
  margin-top: 5%;
  width:80%
}
.photocolumn1 {
  display: flex;
  width: 50%;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 20px;
}

.photocolumn1 img {
  margin-top: 5%;
  width:98%;
  height: auto;
}
.photocolumn2 {
  display: flex;
  width: 50%;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 20px;
}
.photocolumn2 img {
  margin-top: 5%;
  width:98%;
  height: auto;
}
.photocolumn3 {
  flex: 0%;
  padding: 0 15px;
}
.photocolumn3 img {
  margin-top: 10px;
  width:98%
}
.placescolumn {
  display: flex;
  margin-top: 10px;
  padding: 5px;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
}
.placescolumn a{
  font-size: 130%;
  letter-spacing: 3px;
}
.placescolumn img {
  padding-bottom: 30px;
  width: 80%;
}
 #logo {
   position: relative;
   width: 350px;
   height: 150px;
   background-image: url('logo.png');
   background-repeat: no-repeat; 
   background-size: cover;        
   background-position: center;
 }
 #logo:hover {
  background-image: url('logohover.png');
 }
 .pic1{
    background-image: url('index\ \(4\).jpg');
    transform: translate(45%, 3%);
    background-repeat: no-repeat;
    background-size: 50%;
    width: 100%;
    height: 100%;
 }
 .abouttext {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 5px 5px 5px 5px;
 }
 .abouttext a {
    font-size: 130%;
    text-align: center;
    letter-spacing: 3px;
    line-height: 30px;
 }
  .aboutphoto {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 2%;
 }
   #who {
   position: relative;
   width: 130px;
   height: 110px;
   background-size: 100%;
   background-image: url('who.png');
   background-repeat: no-repeat;
 }
  #abouttitle {
   position: relative;
   width: 230px;
   height: 180px;
   background-size: 100%;
   background-image: url('abouttitle.png');
   background-repeat: no-repeat;
 }
  #photostitle {
   position: relative;
   width: 230px;
   height: 180px;
   background-size: 100%;
   background-image: url('photostitle.png');
   background-repeat: no-repeat;
 }
  #printstitle {
   position: relative;
   width: 230px;
   height: 180px;
   background-size: 100%;
   background-image: url('printstitle.png');
   background-repeat: no-repeat;
 }
  #robin {
   position: relative;
   width: 300px;
   height: 420px;
   background-size: 100%;
   background-image: url('newrobin.jpg');
   background-repeat: no-repeat;
 }
 #robin:hover {
  background-image: url('newrobinhover.jpg');
 }
 .row3 {
    display: flex;
    max-width: 90%;
}
 .row4 {
    display: flex;
    max-width: 90%;
}
#wrap2 {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 20px 80px 20px;
  justify-content: center;
}
footer {
    z-index: 99;
    position: fixed;
    left: 0;
    background-color: white;
    bottom: -2px;
    width: 100%;
    height: 19px;
    padding: 10px 0;
}
#menubottom {
  margin: 1px 15px;
  font-size: 100%;
  letter-spacing: 3px;
}
#socialswrap {

}
h1 {
    animation: wiggles 8s linear infinite;
    color: #0c0303;
    font-weight: normal;
    font-size: 150%;
    line-height: 0.8;
    letter-spacing: 8px;
    font-style: italic;
}
@keyframes wiggles
{
    0%{
        text-shadow: 0 0 0px rgba(0, 0, 0, 0);
      }
    50%{
        text-shadow: 0 0 50px rgba(0, 0, 0, 0);
        transform: translateX(5px);
      }
    100%
      {
        text-shadow: 0 0 100px rgba(0, 0, 0, 0);
      }
}
h2{
    animation: wigglez 6s linear infinite;
    color: #0c0303;
    font-weight:normal;
    font-size: 150%;
    word-spacing: 8px;
    letter-spacing: 8px;
    font-style: italic;
}
@keyframes wigglez
{
    0%{
        text-shadow: 0 0 0px rgba(0, 0, 0, 0);
      }
    50%{
        text-shadow: 0 0 50px rgba(0, 0, 0, 0);
        transform: translateX(3px);
      }
    100%
      {
        text-shadow: 0 0 100px rgba(0, 0, 0, 0);
      }
}
insta {
    background-image: url(insta.png);
    position: absolute;
    bottom: 12px;
    right: 50px;
}
insta {
    display: inline-block;
    position: fixed;
    width: 18px;
    height: 18px;
    font-size: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 9999;
    color: black;
}
store {
    background-image: url(store.jpg);
    position: absolute;
    bottom: 10px;
    right: 78px;
}
store {
    display: inline-block;
    position: fixed;
    width: 24px;
    height: 21px;
    font-size: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 9999;
    color: black;
}
youtube {
    background-image: url(yt.png);
    position: absolute;
     bottom: 12px;
    right: 15px;
}
youtube {
    display: inline-block;
    position: fixed;
    width: 22px;
    height: 18px;
    font-size: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 9999;
    color: black;
}
tiktok {
    background-image: url(tiktok.jpg);
    position: absolute;
     bottom: 12px;
    right: 107px;
}
tiktok {
    display: inline-block;
    position: fixed;
    width: 24px;
    height: 20px;
    font-size: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 9999;
    color: black;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}