.borde11 {
        border-style: solid;
        border-width: 2px;
        border-color: rgba(32, 1, 28, 0.349) rgb(0, 0, 0) rgba(32, 1, 28, 0.349) black;
        
        
    }
       
    
    .texto2 {
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: grey;
        text-align: center;
        padding: 20px;
    }
    
    
    .texto3 {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        color: grey;
        text-align: center;
    }
    
    
    
    .radio1 {
        border-radius: 50%;
       
    }
    /**/
    
    .slidecontainer {
        display: inline;
        margin: auto;
        width: 80%;
        
    }
    
    .slider {
        width: 100%;
        height: 14px;
        border-style: solid;
        border-width: 4px;
        border-radius: 5px;
        color: rgb(0, 0, 0);
        background: #f7f4f6;
        outline: none;
        opacity: 0.7;
        -webkit-transition: .2s;
        transition: opacity .2s;
    }
    
    .slider:hover {
        opacity: 1;
    }
    
    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-image: url('Djs.png');
        background: #000000;
        cursor: pointer;
    }
    
    .slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-image: url('Djs.png');
        background: #080808;
        cursor: pointer;
    }
    
    li {
        display: inline;
    }
    
    .any {
        width: 100px;
        height: 100px;
        background-color: rgb(0, 0, 0);
        animation-name: example5;
        animation-duration: 4s;
        animation-iteration-count: infinite;
    }
    
    @keyframes example5 {
        from {
            background-color: rgb(0, 0, 0);
        }
        to {
            background-color: rgb(250, 15, 219);
        }
    }
    
    @keyframes myAnim {
        0% {
            transform: scale(0.31) translate(0, 0);
            transform-origin: 54% 6%;
        }
        100% {
            transform: scale(1) translate(0, 0);
            transform-origin: right top;
        }
    }
    @font-face {
        font-family: myFirstFont;
        src: url(Tunning-OxideBold.ttf);
    }
      

    

    
    
    
    .saira-condensed-thin {
        font-family: "Saira Condensed", sans-serif;
        font-weight: 100;
        font-style: normal;
    }

    .saira-condensed-medium {
        font-family: "Saira Condensed", sans-serif;
        font-weight: 900;
        font-style: normal;
    }