body {
    font:16px arial,helvetica,sans-serif;
}

h1 {
    font-size:30px;
    font-weight:normal;
    margin-top:30px;
    transition:opacity 0.25s;
}

p {
    font-size:16px;
    max-width:500px;
    line-height:150%;
    margin:20px auto;
    transition:opacity 0.25s;
    min-height:70px;
}

@keyframes rotate-clockwise {
  from {
    transform: translate(-50%,-50%) rotate(0deg);
  }
  to {
    transform:  translate(-50%,-50%) rotate(360deg);
  }
}

.asm-wrapper {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    width:100%;
    padding:0 20px;
    box-sizing:border-box;
}

.asm-img-wrapper {
    position:relative;
    width:260px;
    height:260px;
    margin:auto;
}
#asm-img-cog {
    width:260px;
    height:260px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    animation: rotate-clockwise 60s linear infinite;
}
#asm-img-logo {
    position:absolute;
    top:46%;
    left:50%;
    transform:translate(-50%,-50%);
}

.asm-flag-wrapper img {
    margin:4px;
    cursor:pointer;
}

@media screen and (max-width:300px) {
    .asm-img-wrapper {
        position:relative;
        aspect-ratio:1 / 1;
        width:100%;
        height:auto;
        margin:auto;
    }
    #asm-img-cog {
        width:100%;
        aspect-ratio:1 / 1;
        width:calc(100% - 20px);
        height:auto;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        animation: rotate-clockwise 60s linear infinite;
    }
    #asm-img-logo {
        position:absolute;
        width:40%;
        height:auto;
        top:46%;
        left:50%;
        transform:translate(-50%,-50%);
    }
    
}

@media only screen and (max-height:500px) and (orientation: landscape) {
    .asm-wrapper {
        display:flex;
        gap:40px;
        text-align:left;
        padding-left:20px;
        box-sizing:border-box;
        max-width:800px;
    }
    .asm-content-block {
        flex-grow:1;
    }
    .asm-wrapper p {
        margin:20px 0;
    }
}