*{
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body{
margin: 0;
overflow: auto;
}
.fullpage{
display: flex;
flex-direction: column;
}
.header-down{
background-color: #fff;
position: sticky;
top: 0;
z-index: 2;
opacity: 0.9;
width: 100%;
}
.header{
width: 80%;
margin-left: auto;
margin-right: auto;
background-color: #fff;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.fullbody{
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 2px -1px 19px 9px rgba(0,0,0,0.7);
background-color: #fff;
}
.nav{
color: #232323;
}
#logo{
/*
text-shadow: 1px 0.5px 0px orangered,
-1px 0.5px 0px #ffd000;
*/
color: #232323;
text-shadow: 0px 1.5px 4px #007bff,
-1.5px 0px 4px #00cc00,
1.5px -1.5px 4px #E40078,
0px 1.5px 3px #007bff,
-1.5px 0px 3px #00cc00,
1.5px -1.5px 3px #E40078,
0px 1.5px 3px #007bff,
-1.5px 0px 3px #00cc00,
1.5px -1.5px 3px #E40078;
font-size: 2.4em;
padding-left: 5px;
font-family: 'Balsamiq Sans', cursive;
font-weight: bolder;
}
#logo:hover {
cursor: default;
}
.footer-down {
position: sticky;
bottom: 0;
display: block;
text-align: center;
background-color: #fff;
color: #232323;
height: 100%;
z-index: 1;
opacity: 0.92;
}
.footer{
width: 80%;
margin-left: auto;
margin-right: auto;
font-size: 1.15em;
font-family: 'Acme', sans-serif;
}
.footer-down, .header-down, .header, .footer{
background-color: #fefefe;
}
.footer a {
color: inherit;
opacity: 1;
}
.footer a:hover {
opacity: 0.6;
}
.nav{
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-content: center;
width: 400px;
margin-top: 25px;
}
.nav a{
display: inline-block;
text-decoration: none;
color: inherit;
font-family: 'Nunito', sans-serif;
font-size: 1em;
font-weight: bold;
}
.nav a:hover{
font-weight: bolder;
text-shadow: 0px 1.5px 1.5px #007bff,
-1.5px 0px 1.5px #00cc00,
1.5px -1.5px 1.5px #dc3546,
0px 1.5px 1.5px #007bff,
-1.5px 0px 1.5px #00cc00,
1.5px -1.5px 1.5px #dc3546;
}
h2{
text-align: center;
font-family: 'acme', cursive;
}
#assunto-1{
width: 100%;
justify-content: center;
align-content: center;
flex-direction: column;
padding: 5vh 5px 5px 5px;
}
#assunto-1 .text{
column-count: 2;
text-align: justify;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#assunto-2{
width: 100%;
padding-top: 10vh;
justify-content: center;
}
#assunto-2 .text{
font-size: 4em;
text-align: end;
display: block;
margin-top: 450px;
color: white;
text-shadow: 1px 1px 1px white,
-1px -1px 1px black;
font-family: 'Permanent Marker', cursive;
}
#about{
width: 100%;
justify-content: center;
align-content: center;
flex-direction: column;
padding: 5px;
}
#about p{
text-align: justify;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
img {
max-width: 100%;
}
.icon {
width: 30px;
position: fixed;
top: 10px;
right: 4%;
z-index: 1;
opacity: 0.8;
cursor: pointer;
}
.text {
padding: 10px;
}
.slides .text {
display: inline-block;
text-align: center;
}
.button:hover {
cursor: pointer;
}
#slide-buttons {
display: flex;
justify-content: center;
}
#slide-buttons button {
width: 50%;
background-color: #ffffff00;
border: none;
font-family: 'Nunito', sans-serif;
}
#slide-buttons button:hover {
opacity: 0.6;
}