/* (c) Redalan Net */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&family=Rammetto+One&display=swap');

:root {
    --rablue: #2B549B;
    --rared: #B33D31;
    --rayellow: #FFED00;

}

html,body {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-family: "Roboto", Helvetica;
}


.tools {
    font-family: 'Rammetto One', Helvetica;
    margin: auto;
    font-size: 2em;
    text-align: center;
    cursor: default;
}

.toolssombra {
    text-shadow: 0.4em 0.5em 0.25em rgba(0, 0, 0, 0.19);;
}

.tools span {
    margin-right: 0.2em;
}

.tools span[data-logo="0"] {
    color: var(--rared);
}

.tools span[data-logo="1"] {
    color: var(--rablue);
}

.tools span[data-logo="2"] {
    color: var(--rayellow);
    -webkit-text-stroke-color: black;
    -webkit-text-stroke-width: thin;

}

#copy {
    margin: auto;
    text-align: center;
    font-size: .6rem;


}

#copy a {
    color: inherit;
    text-decoration: none;
}
#copy i {
    font-size: 0.5em;
    vertical-align: middle;
}

#copy span {
    font-size: 0.7em;
}

#copy i:nth-child(1) {
    color: var(--rablue);
}

#copy i:nth-child(2) {
    color: var(--rared);
}

#copy i:nth-child(3) {
    color: var(--rayellow);
    transform: rotate(-90deg);
}

.divcentro {
    margin: auto;
    text-align: center;

}