:root {
    --headlines:gray;
    --backerpanels:green;
    --copy:darkgrey;

    /*font-family: 'Caveat', cursive;
font-family: 'Henny Penny', cursive;
font-family: 'Orbitron', sans-serif;
font-family: 'Unica One', cursive;*/
}

* {
    padding:0;
    margin:0;
    box-sizing: border-box;}
    /*
.wrapper {
    height: 100vh;
    overflow-y: auto;
    perspective: 10px;


}*/

body {
   
    color: white;
    font-family: 'Orbitron', sans-serif;
}

div {
    min-height: 100vh;
    background-size:cover;
    color: color;
    font-size: 60px;
    display: block;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-repeat:no-repeat;
}
.request {
    color: green;
    background:orange;
    max-height: 3rem;
}

.logo2 {
    background: url("../images/viewport_centergone_mod.png");
    background-size:cover;
    min-height: 47rem;
    border: 2px solid blue;
    align-items:center;
    justify-content: top;
    background-attachment: fixed;
    z-index: -6; }

.logo {
    background: url("../images/neutrinos_background.jpg");
    background-size:cover; 
   
    border: 2px solid orange;
    min-height: 44rem;
    z-index:-555;}




header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height:100vh;
    transform-style: preserve-3d;
    z-index:3 ;
    background: linear-gradient (rgba(201, 83, 181, 0.5), rgba(0 250 43 .7), url("../images/spiral_sm.png") 
    center/cover no repeat fixed;

}

.clear {
    background: pink;
    color: white;
    text-shadow:rgba(201, 83, 181, 0.5);
}
.title {
    position: relative;
    font-size:5rem;
    color: white;
    text-shadow: 0 0 5px black;
    text-align: center;
    z-index: -54;


}

section {
    font-size: 2rem;
    padding: 2rem;
    background-color:darkgreen;
    color:white;

}