@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
            font-family: 'Android';
            src: url('imagens/idroid.otf') format('Opentype');
        }
body {
    background-color: rgb(181, 218, 181);
    font-family: 'Noto sans';
    
}

.marcar {
    font-weight: bold;
    color: rgb(0, 77, 0);
}
 #começo {
    background-color: green;
    border-radius: 10px;
    padding: 1px 1px 1px 1px;
    border: 0;
    margin: 0;
    background-image: linear-gradient(to top, rgb(118, 197, 118), rgb(28, 58, 28))
}
#titulo {
    font-family: 'Android';
    color: white;
    text-align: center;
}
#topo {
    color: white;
    text-align: center;
    padding-left: 5px;
    display: block;
    margin: auto;
}
#links {
    text-align: center;
    background-color: green;
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px
    
}
.likou {
    text-decoration: none;
    color: white;
    padding: 5px;
    transition-duration: 1000ms;
    font-size: 18px;
    
}
.likou:hover {
    
    font-size: 18px;
    color: rgb(18, 59, 18);
    background-color: rgb(0, 90, 0);
    
}
#video {
    background-color: rgb(0, 82, 0);
    min-width: 400px;
    min-height: 200px;
    margin: auto;
    
}
iframe {
    margin: auto;
    border: 100px;
    background-color: rgb(1, 91, 1);
}

article {
     min-width: 300px;
    max-width: 650px;
    margin: auto;
    margin-bottom: 30px;
    padding: 20px;
    background-color: white;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.461);
    border-radius: 10px;
    margin: auto;
    .imagem {
        width: 90%;
        display: block;
        margin: auto;
    }
    #robozinhos {
         width: 80%;
        display: block;
        margin: auto;
    }
    #bugdroid {
        width: 50%;
        display: block;
        margin: auto;

    }

    p {
        margin-bottom: 1.5em;
    }

    #sub-titulo {
    font-family: Android;
    color: rgb(0, 85, 0);
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
    background-image: linear-gradient(to right, rgba(1, 137, 1, 0.717), rgb(255, 255, 255) 60%);
}
    .tri-titulo {
        font-family: Android;
        color: green;
        padding-left: 10px;
        background-image: linear-gradient(to right, rgba(1, 137, 1, 0.717), rgb(255, 255, 255) 60%);

}
    .paragrafo {
        text-align: justify;
        font-family: "Noto sans";
        font-size: small;
        line-height: 2em;
    }
    .paragrafo-lista {
        padding: 0px 10px 7px 10px;
        
    }
}
aside {
    margin: auto;
    border-radius: 10px;
    padding: px 11px 3px 11px;
    min-width: 400px;
    max-width: 500px;
    background-color: rgb(165, 255, 165);
    font-family: Arial, Helvetica, sans-serif;
    #lista {
        list-style-image: url(imagens/);
        columns: 2;
        column-gap: 40px;
        list-style-position: inside;
    }


}

    #Quer {
   margin: 1px 00pxpx -3px;
    background-color: rgb(0, 70, 0);
    color: white;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
}    
    footer {
    min-width: 350px;
    max-width: 860px;
    background-color: green;
    padding: 0px;
    border-radius: 10px;
    text-align: center;
    margin: auto;

    p {
        padding: 10px 10px;
        color: white;
    }
}
#marcarlink {
    text-decoration: none;
    color: white;
    background-color: green;
    padding: 2px 17px 2px 7px;
    border-radius: 3px;

}