html {
    background-color: #ece8cf;
    color: #826400;
    font-family: "Seurat";
}

.title{
    font-family: "Rodin";
    font-weight: bold;
    -webkit-text-stroke: 1px;
    paint-order: stroke fill;

    background-color: #ffffff;
    margin: -8px;
    padding: 8px;
}

.smalltext{
    font-size: 10px;
}

.purplepikminimg{
    padding: 20px 0 0 10px;
}

.whitepikminContainer{
    display: flex;
    flex-direction: flex-wrap;
    
    align-items: top;
    justify-content: top;
    /*margin-left:calc(12px + 15%);
    margin-right:calc(12px + 15%);*/

    overflow: hidden;
    
    /*background-color: white;
    border-style: solid;
    border-top-style: none;
    border-width: 3px;*/
}

.nectarVid{
    margin-right: 2%;
    width: 30vw;
    height: 27vw;
    border-style: solid;
    border-color: #ffffff;
}

.whitepikminImage {
    float: left;
    width: 5vw;
    padding-right: 5%;
}

.whitepikminTextTitle{
    font-size:calc(.3px + 1.4vw);
}

.whitepikminText {
    float: top;
    font-family: "Chairo";
    font-size:calc(2px + 1.5vw);
}

/* ---------------------FONTS--------------------- */

@font-face {
    font-family: "Chairo";
    src: url("https://pikmin.org/fonts/FOT-Chairo STD B.otf");
  }

@font-face {
    font-family: "Seurat";
    src: url("https://pikmin.org/fonts/FOT-Seurat Pro DB.otf");
}

@font-face {
    font-family: "Rodin";
    src: url("https://pikmin.org/fonts/FOT-RodinNTLG Pro DB.otf");
}

@font-face {
    font-family: "NewRodin";
    src: url("https://pikmin.org/fonts/FOT-NewRodin Pro DB.otf");
}

@font-face {
    font-family: "Pikmin";
    src: url("https://pikmin.org/fonts/pikmin_by_theadorableoshawott.ttf");
}