body {
    background-color: #f0f0f0;
    margin: 0;
}

@font-face {
    font-family: 'helv';
    src: url('font.ttf') format('truetype');
}

.nomargin {
    margin: 0
}

.helv {
    font-family: helv;
}

.bgw {
    background-color: white;
}

.bgb {
    background-color: black;
    color: white;
}

.tg {
    background-color: rgb(0, 217, 255);
    color: white;
}

.divcent {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1vw;
}

.main {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 1vw;
}

a {
    color: #ffffff;
}

.content {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 100vh;
}

.piercing {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.pgrid {
    display: flex;
    flex-direction: column;
}

.figure {
    width: 70vw;
}

.figuream {
    width: 40vw;
}

.pvideo {
    width: 25vw;
}

.piercingvideo {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.ftcwrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.piercingcolumn {
    height: 30vw;
}

.pblock {
    height: 15vw;
}

.ftc {
    display: flex;
    flex-direction: column;
    align-items: center;
}