
:root{
--theme-back1:#C6EEF1;
--Theme-back2:#0F0F0F;
--gradient-color1:#210D68;
--gradient-color2:#491390;
}
h1{
text-wrap: wrap;
}
body{
display:flex;
align-items:space-between;
justify-content:space-between;
flex-direction:column;
background-color:black;
background-image:radial-gradient(circle,#A56FEC,var(--gradient-color2),var(--gradient-color1),black);
background-position:top right;
background-repeat:no-repeat;
color:white;
backdrop-filter:blur(10px);
/*padding:0px;*/
margin:0px;
}
header{
top:0%;
background-image:linear-gradient(90deg,#1F103C,#572BA9);
/*border:2px solid red;*/
margin:0px;
padding:5vw;
}

header nav{
box-sizing: border-box;
display:flex;
justify-content:space-between;
flex-flow:row wrap;
height:6vh;
}
nav *{
background:transparent;
border: transparent;
color:white;

}
.navigation-panel{
display:grid;
grid-template-columns: repeat(2,1fr);
gap:auto;
}
navigation-panel *{
/*border:2px solid green;*/
}
#nav-btn{
display:grid;
grid-template-columns:1fr;
gap:2vw;
}
#nav-btn *{
display:inline;
width:6vw;
/*border:1px solid white;*/
background:white;
}
form{
display:flex;
flex-direction:column;
align-items:center;

}
form *{
background: transparent;
color:white;
}

.hide-element{
display:none;
}
