html {
    background: rgb(160, 160, 160);
}

body {
    font-family: arial;
    margin: 0px auto;
    max-width: 900px;
    box-shadow: 4px 0px 10px #555, -4px 0px 10px #555;
}

a {
    color: #abf;
    text-decoration: none;
    font-weight: 900
}

.right {
    margin: 20px;
    float: right
}

.black {
    background: black;
    color: #fff;
}

.white {
    background-color: #eee;
    color: #444
}

p,
h1,
h2,
h3 {
    padding: 0px 10px;
}

h1 {
    font-size: 4ex
}


.im100 {max-width: 100%}
.im50  {max-width: 50%}
.im30  {max-width: 30%}
.fleft {float:left; margin-right:20px; }

.logo {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: -4px 0 -8px 0px;
}

.facebook {
    background: url(img/Facebook_f_logo_2021.svg);
    background-size: contain
}

.whatsapp {
    background: url(img/WhatsApp.svg);
    background-size: contain
}

.insta {

    background: url(img/Instagram_logo_2016.svg);

    background-size: contain

}

.switch        { position: relative;  display: inline-block;  width: 46px;  height: 24px; margin-bottom:-6px;
                 background-color: #7b8fe6;  border-radius: 22px;  transition: all 0.1s; }
.switch::after { content: '';  position: absolute;  width: 22px;  height: 22px;
                 border-radius: 22px;  background-color: white;  top: 1px;  left: 1px;  transition: all 0.1s; }
input[type='checkbox']:checked + .switch::after { transform: translateX(22px); }
input[type='checkbox']:checked + .switch        { background-color: #82c097; }
.offscreen     { position: absolute;  left: -9999px; }