*  {padding: 0;margin: 0;}

body {/* background-image: url(bg.jpg); *//* background-repeat: no-repeat; *//* background-size: cover; *//* text-align: center; */}

h1 {
    color: #fff;
    font-size: 22px;
    font-family: Arial;
    margin-top: 10px;
    text-shadow: 1px 1px 2px #000;
    margin-bottom: 20px;
}

img {
width: 150px;
height: auto;
border-radius: 50%;
border: 2px solid #fff;
padding: 3px;
margin-top: 30px;
}

a {color: #fff;background-color: #7a0340ad;display: block;max-width: 285px;padding: 15px;margin-bottom: 15px;border-radius: 150px;margin: 15px auto;font-size: 18px;text-decoration: none;font-family: arial;box-shadow: 2px 2px 5px #000000ba;border: 1px solid #ebbfdf;}
body>div {background-image: url(bg.jpg);background-repeat: no-repeat;background-size: cover;text-align: center;display: block;position: absolute;width: 100%;height: 100%;}

body>div>div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000047;
    z-index: 2;
}

a.green {
    background-color: #4e8900;
}

a.tele {
    background-color: #006381;
}