*{
    color: white; 
}

html{
   scroll-behavior: smooth;
}

body{
    /* background-image: linear-gradient(150deg, rgb(0, 0, 0) -13%, rgba(20, 100, 40), rgba(0, 0, 154, 0.6) 65%); */
    /* background-image: linear-gradient(155deg, rgb(0, 0, 0) -5%, #24a1d3, rgba(0, 0, 154, 0.6) 65%); */
    background-image: linear-gradient(155deg, rgb(0, 0, 0) -13%, rgb(49,148,207), rgba(0, 0, 154, 0.6) 65%);
}

#topo{
    box-shadow:  0 0 1rem grey;
}


#home {
	/* background-color: rgba(0, 0, 154, 0.6); */
	color: white;
}

.caixa {
	border-bottom: 1px solid rgba(100%,100%,100%,0.2);
}

.cabecalho{
	border-bottom: 1px solid #e5e5e5;
}

footer p a {
	margin: 5px 15px;
}

.alinhar-texto{
	text-align: justify;
}

.sombra{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
}

.format-image{
	padding-left: 20px;
}

.head-title{
	font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
}

.modal-title{
    color: rgb(7, 125, 141);
}

.modal-body{
    color: black;
}

.link_modal{
    color: white;
    /* text-decoration: underline; */
}

.link_modal:hover{
    text-decoration: none;
    color: white;
    font-style: italic;
    /* font-size: large; */
}

section{
    margin-bottom: 1.5%;
    /*box-shadow:  0 0 5px rgba(138, 138, 138, 0.247), inset 0 0 1em rgba(255, 255, 255, 0.3);*/
}

#validacao{
    margin-bottom: 0.5%;
    /* background-color: rgba(0, 0, 0, 0.6); */
    background: linear-gradient(155deg, rgb(0, 0, 0) -50%, rgb(209, 10, 10));
}

section#solucao{
    background: linear-gradient(155deg, rgb(0, 0, 0) -50%, rgb(209, 10, 10));    
}

.quem{
    padding: 2%;
    max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	
}

@media screen and (min-width: 760px){
    .quem:hover{
    -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: none;
    cursor: default;
    background: rgba(1,1,1,.1);
    border-radius: 10px;
    transition: all 0.3s;
    }

    .style-text-sobre:hover{
        -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: none;
    cursor: default;
    }

    .style-text-sobre{
        transition: all 0.3s;
    }
}

.facebook, .v_ai{
    border-radius: 10px;
    margin-left: 2%;
}

h2{
	text-align: center;
	padding:2%;
}

p{
	padding: 2%;
}

footer{
	/*background-color: rgba(0, 0, 154, 0.3);*/
    background-color: #343a40;
}


@media (max-width: 360px){
    .mb-3 {
        margin-right: -18px;
    }

    .display-4 {
        font-size: 3.3rem;
        font-weight: 300;
        line-height: 1.2;
        margin-left: 0px;
    }

    .titulo {
        width: 90vw;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        /* width: 91%;
        padding-right: 7px;
        padding-left: 7px; */
    }

    .navbar-brand {
        display: inline-block;
        padding-top: .3125rem;
        padding-bottom: .3125rem;
        margin-right: 0px;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        width: 272px;
    }

    .img-sobre-2{
        order: 2;
    }

    .texto-sobre-2{
        order:1;
    }

}

@media (max-width: 375px){
    .navbar-brand {
        display: inline-block;
        padding-top: .3125rem;
        padding-bottom: .3125rem;
        margin-right: 0px;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        width: 272px;
    }

    .img-sobre-2{
        order: 2;
    }

    .texto-sobre-2{
        order:1;
    }

    .head-title{
        font-size: 2.5rem;
    }
}

@media (max-width: 768px){
    .navbar-brand {
        display: inline-block;
        padding-top: .3125rem;
        padding-bottom: .3125rem;
        margin-right: 0px;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        width: 248px;
    }

    .img-sobre-2{
        order: 2;
    }

    .texto-sobre-2{
        order:1;
    }

    h3{
        padding: 2%;
    }

    body{
        background-image: linear-gradient(180deg, rgb(0, 0, 0) -50%, rgb(49,148,207), rgba(0, 0, 154, 0.6) 65%);
    }
}

/*  */
nav .container{
	max-width: 95%;
	padding-right: 0;
}

nav ul a{
	margin-left: 25px;
}

#colse{
    color: rgb(255, 0, 0);
}

#tamanho-senha{
    width: 50px;
    height: 30px;
    text-align: center;
}

#txt-copiado{
    border-radius: 2px;
}

#error-list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-left: 0;
	padding-right: 1rem;
	padding-bottom: 0;
}

#error-list ul li{
    color: #343a40;
}

#close-mark{
	cursor: pointer;
	color: rgb(161, 4, 4);
}

#close-mark:hover{
	color: rgb(255, 0, 0);
}


/* alteraçoes lucas 30/06*/

.navbar{
    padding: unset;
}

.btn-style{
    background-color: transparent;
    color: white;
    border: none;
    font-family: sans-serif;
    padding: 6px 5px;
}

.btn-style:hover{
    color: white;
}

.dropdown-menu{
    color: white;
   background-color: rgba(49, 49, 49, 0.9);
   padding: 10px;
   width: auto;
}

.dropdown-menu a{
    color: white;
}

.btn-icons{
    width: 0;
    padding: 0;
    color: transparent;
}

.btn-icons:hover{
    color: transparent;
}
/* .align-container{
    margin-left:1%;
 } */

 .format-font{
    font-size: 1.4rem;
    font-weight: 200;
 }

.voltar{
    position: fixed;
    right: 20px;
    bottom: 20px;
}

i{
    margin-right: 3px;
}

#quem-somos p{
    text-align: justify;
}

.footer{
    text-align: center;
}

#container-dicas{
    margin-bottom: 25px;
}

#dicas ol{
    line-height: 1.7;
    padding: 7%;
    padding-left: 9%;
}

#dicas ol li a{
    text-decoration: none;
}

#responsivo-menor{
    width: 120px;
}

#section-modal{
    border-bottom: 1px solid rgba(100%,100%,100%,0.2);
}

#sobre p{
    text-align: justify;
}

.style-text-sobre{
    text-align: justify;
}

.footer{
    margin: 0;
}

#dicas{
    border-top: 1px solid rgba(100%,100%,100%,0.2);
}

#solucao{
    margin-bottom: 0;
}

.vermelhasso{
    max-width: 100%;
}

.result-meio{
    width: 100%;
    text-align: center;
}

#lascou{
    margin-bottom: 0;
    padding-bottom: 0;
}

.breachName{
    font-size: 1.4rem;
}

.goodResult{
    font-size: 1.4rem;
}

#link-dicas{
    text-decoration: none;
}

.badResultTitle{
    font-size: 1.9rem;
    padding-bottom: 0;
    margin: 0;
}

.badResult{
    font-size: 1.4rem;
    padding-top: 0;
}

.atual{
    font-weight: bold;
}

.vazaTitleH2{
    width: 100%;
}

.vazaTitle{
    width: 100%;
}

iframe{
    box-shadow: 0 5px 30px rgba(0,0,0,0.7);
}


.comprometidos{
    margin-left: 50px;
    width: 162px;
}

.sobreh2{
    width: 100%;
}

.fix-responsive{
    width: 100%;
}

.integrantes{
    width: 100%;
}

#ip-full{
    width: 100%;
}


.ip-label{
    font-size: 1.2rem;
}

#ip-value{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    flex-grow: 1;
}

table{
    max-width: 100%;
}

#send{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 85px;
}

.meio-div{
    border-left: 1px solid rgba(100%,100%,100%,0.2);
    width: 1px;
    height: 75px;
}

.bordered{
    border-bottom: 1px solid rgba(100%,100%,100%,0.2);
}

.pais h6{
    width: 50%;
    text-align: center;
}

.pais span{
    width: 80%;
    text-align: center;
}

#info{
    border-radius: 10px;
    border: 1px solid rgba(100%,100%,100%,0.2);
}

@media (min-width: 768px){
    .pais span{
        width: 50%;
    }
}

.top{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bottom{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.pais:hover{
    background: rgba(175, 167, 167, 0.2);
}

#modal-redes-git{
    max-width: 350px;
    margin: 0 auto;
}

#modal-redes-git a{
    color: #FFF;
    font-style: normal;
    cursor: pointer;
}

#seta{
    transform: rotate(180deg);
}

#copyright:hover{
    font-style: normal;
    cursor: pointer;
}

.logos{
    position: absolute;
    top: -23px;
    border-radius: 20px;
}

.modal-body a:hover{
    text-decoration: underline;
}

.modal-header{
    border-bottom: 1px solid rgba(100%,100%,100%,0.2);
}

.modal-footer{
    border-top: 1px solid rgba(100%,100%,100%,0.2);
}

#solucao ol li{
    margin-bottom: 10px;
}

#solucao ol li a:hover, #dicas a:hover{
    font-style: normal;
    text-decoration: underline;
}

.vaza-title{
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

.ip-text{
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.sub-titulo{
    font-size: 2.3rem;
    font-weight: 300;
    line-height: 1.2;
}

.sub-titulo-vaza{
    font-size: 2.1rem;
    font-weight: 300;
    line-height: 1.2;
}

.ip-ver{
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
}

.text-wrap{
    word-wrap: break-word;
    min-width: 156px;
}

@media screen and (max-width: 991px){
    .quem-somos-div{
        flex-direction: column;
        justify-content: center;
    }
    
    .quem{
        width: 395px;
        margin: 0 auto;
        margin-bottom: 20px;
        padding: 0 7px;
    }
}

@media (max-width: 768px){
    .vaza-title{
        padding-left: 4% !important;
    }
}
