@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
    background-color: #f2fbff;
    font-family: 'Catamaran', sans-serif;
}

.svg-small {
    text-align: center;
    display: block;
    padding: 3px;
    max-height: 50px;
    max-width: 50px;
    margin: 0 auto;
}
.svg-medium {
    text-align: center;
    display: block;
    padding: 10px;
    max-height: 100px !important;
    max-width: 100px !important;
    margin: 0 auto;
    display: block;
}
.svg-big {
    text-align: center;
    display: block;
    padding: 10px;
    max-height: 200px;
    max-width: 200px;
    margin: 0 auto;
    display: block;
}
.svg-xxl {
    text-align: center;
    display: block;
    padding: 10px;
    max-height: 400px;
    max-width: 400px;
    margin: 0 auto;
}
.svg-icon {
    height: 30px !important;
    width: 30px !important;
    text-align: center;
    display: block;
    padding: 2px;
    margin: 0 auto;
}
.svg-icon svg, .svg-small svg, .svg-medium svg, .svg-big svg, .svg-xxl svg {
    width: 100%;!important;
    height: 100%;!important;
}

.svg-gris *{
    stroke: lightblue !important;
    fill: lightblue !important;
}


.svg-negro *{
    stroke: black !important;
    fill: black !important;
}