.letter-wrapper{
    display: inline-block;
    width: 100px;
    height: 100px;
}
.letter-g{
     width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.left-g{
    height: 67%;
    width: 1.2%;
    background-color: red;
    position: absolute;
    left: 17%;
    top: 17%; 
}
.right-g{
    width: 1.2%;
    height: 34%;
    background-color: red;
    position: absolute;
    top: 50%;
    left: 84%;
}
.top-g{
    width: 66%;
    height: 1.2%;
    /*border: 1px solid black;*/
    background-color: red;
    position: absolute;
    top: 17%;
    left: 17%; 
}
.bottom-g{
    width: 67%;
    height: 1.2%;
   /* border: 1px solid black;*/
    background-color: red;
    position: absolute;
    top: 83%;
    left: 18%;
}
.middle-g{
    width: 34%;
    height: 1.2%;
    /*border: 2px solid black;*/
    background-color: red;
    position: absolute;
    top: 50%;
    left: 50%;
}

.letter-u{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.left-u{
    height: 67%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 17%;
    top: 17%; 
}
.right-u{
    height: 67%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 84%;
    top: 17%; 
}
.bottom-u{
    width: 68%;
    height: 1%;
    background-color: black;
    position: absolute;
    top: 83%;
    left: 17%;
}

.letter-n{
    width: 100px;
    height: 100px;
    position: relative;
    left: -8%;
    display: inline-block;
}
.left-n{
    height: 68%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 17%;
    top: 17%; 
}
.right-n{
    height: 68%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 83%;
    top: 17%; 
}
.middle-n{
    height: 94%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    top: 4%;
    left: 50%;
    -webkit-transform: rotate(-45deg);   
}

.letter-t{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.top-t{
    width: 67%;
    height: 1%;
    background-color: black;
    position: absolute;
    top: 16%;
    left: 17%; 
}
.middle-t{
    height: 67%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    top: 17%;
    left: 50%;
}

.letter-h{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.left-h{
    height: 67%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 16%;
    top: 17%; 
}
.right-h{
    height: 67%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 84%;
    top: 17%; 
}
.middle-h{
    width: 67%;
    height: 1%;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 17%;
}

.letter-e{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.top-e{
    width: 66%;
    height: 1%;
    background-color: black;
    position: absolute;
    top: 16%;
    left: 17%; 
}
.middle-e{
    width: 66%;
    height: 1%;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 17%;
}
.bottom-e{
    width: 66%;
    height: 1%;
    background-color: black;
    position: absolute;
    top: 83%;
    left: 18%;
}
.left-e{
    height: 67%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 17%;
    top: 17%; 
}

.letter-r{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.right-r{
    width: 44%;
    height: 44%;
    border: 1px solid black;
    border-radius: 50%;
    position: absolute;
    top: 14%;
    left: 16%;
}
.left-r{
    height: 67%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 16%;
    top: 17%; 
}
.bottom-r{
    height: 52%;
    width: 1%;
    background-color: black;
    position: absolute;
    top: 39%;
    left: 33%;
    -webkit-transform: rotate(-40deg);  
}

.letter-g2{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.left-g2{
    height: 67%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 17%;
    top: 17%; 
}
.right-g2{
    width: 1.2%;
    height: 34%;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 84%;
}
.top-g2{
    width: 66%;
    height: 1.2%;
    background-color: black;
    position: absolute;
    top: 17%;
    left: 17%; 
}
.bottom-g2{
    width: 67%;
    height: 1.2%;
    background-color: black;
    position: absolute;
    top: 83%;
    left: 18%;
}
.middle-g2{
    width: 34%;
    height: 1.2%;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 50%;
}

.letter-e2{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.top-e2{
    width: 66%;
    height: 1%;
    background-color: black;
    position: absolute;
    top: 16%;
    left: 17%; 
}
.middle-e2{
    width: 66%;
    height: 1%;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 17%;
}
.bottom-e2{
    width: 66%;
    height: 1%;
    background-color: black;
    position: absolute;
    top: 83%;
    left: 18%;
}
.left-e2{
    height: 67%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 17%;
    top: 17%; 
}

.letter-r2{
    width: 100px;
    height: 100px;
    position: relative;
    left: 10%;
    display: inline-block;
}
.right-r2{
    width: 44%;
    height: 44%;
    border: 1px solid black;
    border-radius: 50%;
    position: absolute;
    top: 14%;
    left: 16%;
}
.left-r2{
    height: 67%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 16%;
    top: 17%; 
}
.bottom-r2{
    height: 52%;
    width: 1%;
    background-color: black;
    position: absolute;
    top: 39%;
    left: 33%;
    -webkit-transform: rotate(-40deg);  
}

.letter-z{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.top-z{
    width: 67%;
    height: 1.2%;
    background-color: black;
    position: absolute;
    top: 17%;
    left: 17%; 
}
.bottom-z{
    width: 67%;
    height: 1.2%;
    background-color: black;
    position: absolute;
    top: 83%;
    left: 17%;
}
.middle-z{
    width: 94%;
    height: 1.2%;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 3%;
    -webkit-transform: rotate(-45deg); 
}

.letter-s{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.top-s{
    width: 67%;
    height: 1.2%;
    background-color: black;
    position: absolute;
    top: 17%;
    left: 17%; 
}
.middle-s{
    width: 67%;
    height: 1.2%;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 17%;
}
.bottom-s{
    width: 67%;
    height: 1.2%;
    background-color: black;
    position: absolute;
    top: 83%;
    left: 17%;
}
.left-s{
    height: 34%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 17%;
    top: 17%; 
}
.right-s{
    height: 34%;
    width: 1.2%;
    background-color: black;
    position: absolute;
    left: 83%;
    top: 50%; 
}

.letter-o{
    width: 100px;
    height: 100px;
    position: relative;
    display: inline-block;
}
.center-o{
    width: 75%;
    height: 75%;
    border: 1px solid black;
    border-radius: 75%;
    position: relative;
    top: 13%;
    left: 7%; 
}

.Gunther{
    display: inline-block;
    position: absolute;
    top: 20%;
    left:5%;
    background-color:white;
    border: 2px solid black;
}
.Gerzso{
    display: inline-block;
    position: absolute;
    top: 40%;
    left: 20%;
    background-color:white;
    border: 2px solid black;
}