<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css?family=Lato');
*.{
	margin:0;
	padding:0;
}
.fg{
	background-color:#ffffff;
	border:medium none;
	border-radius:2px;
}
.fg .fg-lg{
	padding:20px;
}
.fg .fcontrol{	
	width:100%;
	margin-bottom:20px;
	padding:5px 10px;
	border:1px solid;
	overflow:hidden;
	border-radius: 5px;	
	}

.fg .fcontrol: active {
	border:1px solid;
}
.fg .fcontrol .msg{
	padding:100px 50px;
}
.fg .fcontrol .txar{
	padding:30px;
}

.btn-main{
	padding:35px;
	text-align:center;
	
}
.btn{
	border:1px solid;
	font-size:18px;
	letter-spacing:1px;
	padding:8px 30px;
	color:#6666FF;
	border-radius: 15px;


}

.btn-hover {
    width: 125px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    
    height: 45px;
    text-align:center;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}
.btn-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}
.text-center{
	margin-top: 55px;
}


 </pre></body></html>