/* Apply to the entire page */
body {
    overflow-y: scroll; /* Ensure scrolling is available */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* For Chrome, Safari, and Opera (WebKit browsers) */
body::-webkit-scrollbar {
    display: none;
}

html {
    /* Always reserves space for the vertical scrollbar */
    overflow-y: scroll;
}

/* For Firefox */
body, html {
    scrollbar-width: none;
}

/* For Internet Explorer and Edge */
body, html {
    -ms-overflow-style: none;
}

/* For Chrome, Safari, and Opera (Webkit) */
body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none; /* Safest general approach */
}

.redirect-frosted-container{
    
                /* !!!This is needed to load in fast & is in the styles section of index !!!*/
                position: absolute;
                display: inline-block;
                right: 5%;
                bottom: 10%;
                max-width: 820px;
                z-index: 9;
                padding: 20px;

                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;

                
                border-radius:45px;
                /* color */
                /* From https://css.glass */
                background: rgba(180, 179, 179, 0.468);

                box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                backdrop-filter: blur(8.9px);
                -webkit-backdrop-filter: blur(8.9px);
                border-left: 1.8px solid rgba(209, 209, 209, 0.6);
                border-right: 1.9px solid rgbargba(209, 209, 209, 0.6);
                border-top: 2.9px solid rgba(209, 209, 209, 0.6);
                border-bottom: 1.7px solid rgba(209, 209, 209, 0.6);
            }

@media (max-width:820px) {
      .redirect-frosted-container{
            left: 5%;
            bottom: 5%;
    }

}


@media (max-width :992px) {
	.frosted-container {
		right: 5%;
		bottom: 5%;
		padding: 20px;
	}
    
}

@media (max-width :820px) {
	.frosted-container {
		text-align: center;
	}

   
}

@media (min-width :992px) {
	.frosted-container {
		left: 5%;
		bottom: 5%;
	}
}


.container-text{
    display:flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.logo-in-frosted-container{
    width:225px;
}

.frosted-container-text{
    color:rgb(232, 232, 232);
    padding-bottom: 3px;
}

.frosted-container-anchor-text{
    color:rgb(255, 255, 255);
    padding-bottom: 3px;
}

.frosted-container-anchor-text:hover{
    color:rgb(235, 234, 234);
}

.frosted-container-anchor-text:active{
    color:rgb(255, 255, 255);
}

@media (max-width:391px) {
    .frosted-container-anchor-text{
    color:white;
    }
}


.btn-home{
     margin-top: 25px;
    background-color: rgb(240, 0, 0);
    color:white;
    padding:7px 20px;
    text-decoration: none;
    border:none;
    border-radius: 7px;
}

.btn-home:hover{
     
    background-color: rgb(247, 1, 1);
    color:white;
}

.btn-home:active{
     margin-top: 25px;
    background-color: rgb(231, 1, 1);
    color:white;
    
}