/* 
FONT SwashingtonJF Regular
font-family: "swashington-jf", sans-serif;
font-weight: 400;
font-style: normal;
 */

 html {
   margin:0;
    background-color: rgb(255, 237, 237);
 }

.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; 
    overflow: hidden;
}

bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

 h1 {
   font-family: "swashington-jf", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 70px;
   color: rgb(255, 255, 255);
   margin-left: 5%;
 }  

 .island {
   background-color: rgb(100, 100, 100);
   width: 400px;
   height: 200px;
   color: rgb(180, 180, 180);
      font-family: "swashington-jf", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size:40px;
   text-align: center;

 }

.project .hover {
   display: none;
}

.put_a_cap_on_it {
   width: 300px;
}

.no_man_is_an_island {
   width: 400px;
}

.hundred_caps_later {
   width: 400px;
   position: absolute;
   top: 0;
   right:0;
}