body {
    background-color: rgb(22, 23, 30);
     justify-content: center;
      align-items: center;
      position: relative;
}

.myname {
    color: rgb(90, 96, 145);
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 100px;
    line-height: 300%;
    margin-bottom: 0px;
}

.buttonsandshit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.button-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.buttonsandshit h1 {
    color: rgb(172, 179, 229);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.buttonsandshit a {
    text-align: center;
    color: rgb(172, 179, 229);
    font-size: 25px;
}

.buttonsandshit img {
    color: rgba(13, 6, 83, 0.466);

    transition: 1s;
}

.buttonsandshit img:hover {
    transform: scale(1.1);
    border-radius: 20%;
}


.buttonsandshit a:hover {

    background-color: #1834703d;
    border-radius: 100%;
}


.clocks a {
    color: #FF0000;
}

.sitedruga img {
    width: 70px;
    height: 70px;

    border-radius: 50%;

    transition: 1s;
}

.sitedruga {
    text-align: center;
    font-size: 0;

    display: flex;
    justify-content: center;
    gap: 10px;
}

.sitedruga img:hover {
    transform: scale(1.1);
}