.devback {
    transition: all .4s ease;
    background-image: linear-gradient(
        105deg,
        hsl(203deg 25% 31%) 0%,
        hsl(195deg 25% 35%) 41%,
        hsl(188deg 22% 39%) 61%,
        hsl(179deg 18% 44%) 74%,
        hsl(166deg 15% 50%) 84%,
        hsl(150deg 15% 57%) 91%,
        hsl(124deg 14% 65%) 96%,
        hsl(90deg 19% 70%) 99%,
        hsl(64deg 25% 75%) 101%,
        hsl(45deg 48% 82%) 101%
    );
}

.drawback {
    transition: all .4s ease;
    background-image: linear-gradient(
        60deg,
        hsl(203deg 25% 31%) 1%,
        hsl(195deg 25% 35%) 4%,
        hsl(188deg 22% 39%) 6%,
        hsl(179deg 18% 44%) 9%,
        hsl(166deg 15% 50%) 12%,
        hsl(150deg 15% 57%) 18%,
        hsl(124deg 14% 65%) 25%,
        hsl(90deg 19% 70%) 35%,
        hsl(64deg 25% 75%) 51%,
        hsl(45deg 48% 82%) 100%
    );
}

.fixedback {
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-attachment: fixed;
    transition: all .4s ease;
}

.imageround {    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    margin-bottom: 15px;
}

.articulodev {
    background-color: rgba(34, 51, 77, 0.85);
    color: rgb(189, 221, 221);
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    transition: all .4s ease;
    box-shadow: 0px 0px 5px black;
    backdrop-filter: blur(4px);
}

.articulodev a:not(.btn) {
    color: rgb(240, 179, 48);
}

.articulodev a:hover:not(.btn) {
    color: rgb(243, 219, 114);
}

.articulodraw {
    background-color: rgba(240, 228, 163, 0.85);
    color: rgb(60, 60, 45);
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    transition: all .4s ease;
    box-shadow: 0px 0px 5px #404040;
    backdrop-filter: blur(4px);
}

.animado {
    transition: all .4s ease;
}

.idcard {
    background-color: rgba(30, 39, 54, 1);
    color: rgb(189, 221, 221);
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.listInherit {
    background-color: inherit;
    color: inherit;
}

.aptitud {
    background-color: rgb(41, 107, 138);
    padding: 2px 10px 2px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: small;
    font-weight: bold;
    white-space: nowrap;
}

.toleft {
    display: inline-block;
    width: 30%;
    border-radius: 5px 0px 0px 5px;
}

.toright {
    float: right;
    text-align: center;
    padding: 5px 5px 0px 5px;
    width: 70%;
}

@media (max-width: 767px) {
    .nomovil {
    display: none;
    }
}

@media (min-width: 768px) {
    .movil {
    display: none;
    margin-bottom: 10px;
    }
}