/* RSPI CSS   2021 04 07   */
/*   external link ico     */
/*   body i prematrix      */
/*   body light/dark mode  */
/*   body 16px             */
/*   do_float              */

.external_link_ico {
    margin-left:2px;
    height: calc(1em - 6px);
}

.link_tema {
    border: 1px solid blue ;
    text-align: right ;
    padding: 5px ;
    font-size: 14px ;
}

#myDivElement {
    font-family: Lucida Console, Courier New, monospace ;
    white-space: pre ;
    border: 1px solid green ;
}

#mybody {
    font-family: Arial, Verdana, sans-serif ;
}

.do_float {
    float: right ;
    border: 1px solid red ;
    width: auto ;
    padding: 5px ;
    margin: 5px 5px 5px 10px ;
    color: blue ;
    background-color: #F0F090 ;
    font-family: Lucida Console, Courier New, monospace ;
}

.do_float a {
     color: blue ;    
}

.flotante {
     position: fixed ;
     top: 400px ;
     right: 50px ;
     border: 1px solid orange ;
     background-color: yellow ;
     padding: 5px ;
 }

body {
    font-size: 16px ;
}

:root {
    --color_fosc: #303030 ;
    --color_clar: #707070 ;
}

body.dark-mode {
    background-color: var(--color_fosc) ;
    color: var(--color_clar) ;
}

body.dark-mode a {
    color: var(--color_clar) ;    
}

body.dark-mode.do_float a {
    color: yellow ;
}

body.light-mode {
    background-color: var(--color_clar) ;
    color: var(--color_fosc) ;
} 

body.light-mode a {
    color: var(--color_fosc) ;    
}


div.dark-element {
    background-color: var(--color_fosc) ;
    color: var(--color_clar) ;
}

div.dark-element a {
    color: var(--color_clar) ;    
}

div.light-element {
    background-color: var(--color_clar) ;
    color: var(--color_fosc) ;
} 

div.light-element a {
    color: var(--color_fosc) ;    
}