@charset "UTF-8";
 body{
   background-image: url("../imagens/vecteezy_black-background_gb1020.jpg");
   white-space: initial;
min-width: 850;
max-width: auto;
min-height: auto;
  max-height: auto;
}
/* formatação do cabeçario*/
header#cabecario hover {
   background-color: #00000093;
}
 header#cabecario
 {
    opacity:80%;
    position:relative;
    top: 5px;
    width: auto;
    min-width: auto;
     
    max-width: auto;
   
 }
 header#cabecario{
   background-image: url("../meu.jpg");
}

/*formatação home*/


nav#menu ul {
   list-style: none;
   text-transform: uppercase;
   position:relative;
  top: 10px;
   margin-left: auto; 
   max-width: auto;
}
nav#menu li{
   display: inline-block;
   background-color: #9ebbb985;
   padding: 10px;
   margin:5px;
   transition: background-color 1s;
   box-shadow: 2px 2px 5px rgba(0, 1, 5, 0.4);
}
nav#menu li:hover {
   background-color: rgba(3, 59, 97, 0.445);
   transition:1s;
}
nav#menu a {
   color: #000000;
   text-decoration: none;
}
 nav#menu a:hover {
    color: #0e97e7;
 }
  


div#interface menu {
   position: auto;
   
}
 /*edição dos contatos*/ 


 nav#contato ul {
   list-style: none;
   text-transform: uppercase;
   position: absolute;
   top: 190px;
   left: -35px;
   
   
 }

 nav#contato li{
   display: inline-block;
   background-color: #00eff7ae;
   padding: none;
   margin: none;
   transition: background-color 1s;
   box-shadow: 2px 2px 5px rgba(0, 1, 5, 0.4);
}
nav#contato li:hover {
   background-color: rgba(0, 0, 0, 0.478)
}
nav#contato a {
   color: #15171bd8;
   text-decoration: none;
}
 nav#contato a:hover {
    color: #0e9df0;
 }
 
 
/*appsrezervados*/

nav#apps ul {
   list-style: none;
   text-transform: uppercase;
   position: absolute;
   top: 340px;
   left: 80px;
 }

 nav#apps li{
   display: inline-block;
   background-color: #35c1dd;
   padding: 20px;
   margin:15px;
   transition: background-color 1s;
   box-shadow: 2px 2px 5px rgb(0, 0, 0);
}
nav#apps li:hover {
   background-color: rgba(37, 175, 129, 0.575);
   
}
nav#apps a {
   color: #15171bd8;
   text-decoration: none;
}
nav#apps a:hover {
    color: #0e97e7;
 }
 /* java armação*/
 
section#imagens {
   width: 200px;
   position: absolute;
   top: 150px;
   left: 600px;
  max-width: auto;
min-width: auto;}

div#video { 
   position: absolute;
   top: 560px;
   left: 190px;
}