.text-container {
position: absolute;
color: rgb(255, 255, 255);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}

.special-head {
background-color: #0096FF;
color: white;
}

.special-head2 {
background-color: white;
color: black;
}

.magic-background{
background-image: url("../images/magic-back1.jpeg");
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh; 
width: 100%;
}

.magic-background2{
background-image: url("../images/magic-back2.jpg");
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh; 
width: 100%;
}

.white-point{
color: white;
}

.black-bigpoint{
background-color: #0096FF;
}

.black-link{
color: black;
text-decoration: none;	
}

.active {
color: #0096FF !important;	
}