:root {
/* colors */
--cpuPink: #e979c6;
/* background images */
--bgPage: url("https://arachnoflora.neocities.org/images/backgroundPinkDiamonds.gif");
--bgBlock: url("https://sadhost.neocities.org/images/tiles/pinkstars.gif");
--bgBlockSmall: url("https://sadhost.neocities.org/images/tiles/stars4.gif");
}

html,body{
margin: 0;
padding: 0;
color:black;
background-color: green;
background-image: var(--bgPage);
}

p,h1,h2,h3,li,a{
font-family: chicago;
padding-left:10px;
padding-right:10px;
color: white;
text-shadow: 2px 2px black;
}

.contentBlock a{
color:white;
margin-top:15px;
margin-bottom:15px;
}
.contentBlock a:hover{
color: black;
text-shadow: 2px 2px pink;
}


.headerImage{
margin:20;
display:flex;
justify-content:center;
margin-bottom:25px;
}
.topText{
display:flex;
justify-content:center;
}
.navBar{
background-color:#fefefe;
display:flex;
justify-content:center;
border-radius:10px;
margin-left:3%;
margin-right:3%;
margin-bottom:25px;
}
.content{
display:flex;
justify-content:center;
align-content:center;
flex-wrap:wrap;
gap:2%;
margin-left:3%;
margin-right:3%;
}
.contentBlock{
background-color:black;
display:flex;
flex-flow:column;
align-content:center;
border-radius:10px;
width:40vw;
margin-bottom:25px;
color:white;
background-image: var(--bgBlock);
border: solid white 2px;
}
.topScroll{
margin-bottom:25px;
}
.column{
display:flex;
flex-flow:column;
}
.column>.contentBlock{
flex-grow:1;
}
.contentBlock ul{
list-style-type:none;
padding:0;
}

/*.small{
background-image: url(https://sadhost.neocities.org/images/tiles/flowerz.png);
}
.small:hover{
background-image: url(https://sadhost.neocities.org/images/tiles/flowerzdark.png);
}
.small p,.small a{
color: black;
text-shadow: 2px 2px white;
}*/

.small{
background-image: var(--bgBlockSmall);
}

.big{
width:60vw;
}
.small{
width:20vw;
}