@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

*{
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    color: #fff;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body{
    height: 100vh;

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

    background-color:  #000;
}

.LogoRA{
    content: url(../assets/LogoRa.png);
    width: 250px;
}

.TextoLink{
    font-size: 15px;
    font-weight: 800;
    padding: 35px;
}

.Link{
    border: 2px solid white;


    cursor: pointer;

}

a.animated-button:link:after, a.animated-button:visited:after {

	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
    
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}


a.animated-button:link, a.animated-button:visited {
    width: 600px;
    padding: 16px 40px;
    margin-top: 10px;


	position: relative;
	display: block;
	padding: 18px 40px;
	color: #fff;
	font-size:16px;
	font-weight: lighter	;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
    
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

a.animated-button.sandy-one {
	border: 2px solid #AEA8D3;
	color: #FFF;
}

a.animated-button.sandy-one:after {
	border: 3px solid #AEA8D3;
	opacity: 0;

	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	
}

a.animated-button.sandy-one:hover:after {
	height: 120% !important;
	opacity: 1;
	color: #FFF;
}

@media screen and (max-width: 700px) {
    a.animated-button:link, a.animated-button:visited {
        width: 300px;
        padding: 16px 40px;
        margin-top: 10px;
    
    
        position: relative;
        display: block;
        padding: 16px 40px;
        color: #fff;
        font-size:20px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        overflow: hidden;
        
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
    
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
}