@import url('https://fonts.googleapis.com/css2?family=Asap:wght@200;300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

@view-transition{
	navigation:auto;
}
::view-transition-group(root){
	animation-duration:.5s;
}

html {
  //scrollbar-gutter:stable;
}


.body{
	//background:#f2f4f7!important;
	background:white;
	color:#000000;
	font-family: 'Asap', sans-serif; font-weight:300;
	font-size:20px;
	line-height:130%;
}

a{
	color:#0000FF;
	text-decoration:none;
}

a:hover{
	color:#FF0000;
}

hr{
	height:2px;
	border:none;
	background-color:#8E23D9;
	margin-top:4px;
	margin-bottom:4px;
}

.head{
	font-size:38px; line-height:120%;
}


.caption{
	margin-bottom:5px;
	margin-left:0px;
	font-size:22px;
}


.form-select {border-radius:25px!important;}
.form-control {border-radius:30px !important; border: 1px solid #ccc!important;}

.btn-purple {
  color: #fff !important;
  background-color: #8E23D9 !important;
  border-radius: 25px !important;
}

.btn-purple:hover {
  background-color: #6A17A3 !important;
}


.btn-primary {border-radius:30px !important;}
.btn-light {border-radius:30px !important;}

.btn-light {border:1px solid #CCCCCC !important;}
.bg-light:hover{background-color:#EEEEEE !important;}
.btn-light:hover{background-color:#EEEEEE !important;}


@media (max-width: 576px){
	
}