@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&display=swap');
/*font-family: 'Noto Sans Mono', monospace;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&family=Open+Sans&display=swap');
/*font-family: 'Open Sans', sans-serif;*/

*{
  box-sizing: border-box;
}
body{
    background-position: center center;
    background-size: cover;
    color: black;
    background: #BDAFFD;
    border-style: double;
    border: black;
    
}
header{
    background-color: grey;
    opacity: 0.9;
}
head{
    background-position: center center;
    background-size: cover;
    color: black;
    background: #BDAFFD;
    border:2px black
}
title{
    font-family: 'Noto Sans Mono', monospace;
    color:black;
}
h1, h2{
    font-family: 'Noto Sans Mono', monospace;
    color: white;
}
a {
   color:black;
    font-size: 14pt;
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14pt;
    color: black;
}
center {
    display: block;
}
em{
    color:white;
}
html{
    font-size: 14px;
}

img{
    border:2px solid black;
    width: 20%;
    margin: 10px;
   
}
p2{
    text-align: center;
}

h4{
    font-family: 'Noto Sans Mono', monospace;
}

h3{
    font-family: 'Noto Sans Mono', monospace;
}

.float-left1{
    float: left;

}
.float-right{
    float: right;
}

.paragrafo-quebra{
    clear: both;
}
.float-right1 {
        
    float: right;
    width:30%;
    margin: 20px;
}
.quebra{
    clear: both;
    font-size: medium;
    color: white(44, 0, 75);
}
.normal{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
  
}
.float-left2{
    border:10px black;
    width: 20%;
    float:left;
    margin:20px;
}

div{
     left: 10%;
    padding: 1%;
    margin-right:50%; 
    background-color: grey;
    opacity: 0.9;
}
footer{
  background-color:grey;
    opacity: 0.9;
}