* {
	font-family: 'Courier New', Courier, monospace;
}
body {
    background-image: radial-gradient();
background-color: black;   
background-image: url('img/vhs2.gif');
   opacity: 0.8;

    background-size: cover;
    
}

/* hide page scrollbar */
html { scrollbar-width: none; } /* Firefox */
body { -ms-overflow-style: none; } /* IE and Edge */
body::-webkit-scrollbar, body::-webkit-scrollbar-button { display: none; } /* Chrome */
/* end hide page scrollbar */


.logo{
    width: 600px;
 display: flex;
 align-items: center;
 justify-content:center;
 position: relative;
}
/*
Source - https://stackoverflow.com/a
Posted by Lalji Tadhani
Retrieved 2026-01-24, License - CC BY-SA 4.0
*/

.box {
    height: 150px;
    width: 200px;
    border: 2px dashed rgb(255, 255, 255);
    margin: 0 auto;
}
.texto {
    color: #d9d9d9;
}

header {
 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
 color:#d9d9d9;
}

.blog{
    margin-top: -5;
}
.modal{
padding: 42px;
padding-bottom: 10px;
padding-top: 42px;
height:380px;
width: 55%;
position: relative;
max-height: 200%;
border-radius: 2px;
}

.modal-post{
padding: 30px;
padding-bottom: 10px;
padding-top: 20px;
height:auto;
width: 65%;
position: relative;
max-height: 200%;
border-radius: 2px;

}

.alls{
width: 100%;
height: 70%;
position:relative;
display: fixed;
padding: auto;
justify-content: center;
}

a, p {
    color: #d9d9d9;
}

.hide{
    color:#000000
}

header, nav ul, h1{
 display: flex;
 align-items: center;
 justify-content:center;
}
h4{
     display: flex;
 align-items: center;
 justify-content:center;
}

nav ul a {
 margin-left: rem;
}
.footers{
font-size: 16px;
align-items: center;
display: flex;
align-items: center;
justify-content:center;
margin-top: -100px;

}
.voltar{
 display: flex;
 align-items: center;
 justify-content:center;
 margin-top: 20px;
 font-size: 1em;
 
}