body {
	font-family: 'Roboto', sans-serif;
}

.btn-main {
	/*background: #00FA30;*/
    background: linear-gradient(303deg, #e8fff3, #d9f9d1);
    border: 1px solid #cfefca;
	font-weight: bold;
}

.btn-main:hover {
	/*background: #08e833;*/
    background: #dcfad7;
}

.form-control:focus, .btn:focus {
    box-shadow: 0 0 0 0.25rem rgb(0 208 255 / 25%);
}
.form-control:focus {
	
}
nav a {
	color: #212529;
}

nav a:hover {
	color: #08e833;
}


nav a.btn-outline-secondary {
	color: #08e833;
	border-color: #08e833
}

nav a.btn-outline-secondary:hover {
	/*background: #08e833;
	border-color: #08e833*/
}

.section-title {
	border-bottom: 1px solid #ced4da;
    padding: .5em 0;
    margin-bottom: 1em;
    font-weight: bold;
}

.courses .card {
	transition: box-shadow 0.3s ease-in-out;
}

.courses .card:hover {
	box-shadow:0 0 10px 0.25rem rgb(234 234 234)
}

.jumbotron {
	position: relative;
    background: linear-gradient(120deg, #ecfff1, #d1f9ea);
    /*background: linear-gradient(120deg, #ecfff1, #d1f9f2);*/
	/*background: linear-gradient(120deg, #e8fff3, #d9f9d1);*/
	/*background: linear-gradient(120deg, #e8fff3, #d1f9d6);*/
	
	/*background: linear-gradient(276deg, #94f5c4, #b3ddcf)*/
}
.jumbotron:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../img/top.svg) no-repeat right top;
	z-index: 1;
	opacity: .5;
}

.jumbotron > div {
	position: relative;
	z-index: 2;
}

.jumbotron .btn-main {
	background: #212529;
	color: #fff
}

.radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    overflow: hidden;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.radial-out:hover {
    color: #fff;
    border-color: #212529;
}

.radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #212529;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.radial-out:hover:before, .radial-out:focus:before, .radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

nav .radial-out:hover {
	color: black;
	border-color: #dbfad6;
	background-color: transparent;
}
nav .radial-out:before {
	background: #dbfad6;
	border-color: #dbfad6;
}

.title-marker {
	position: relative;
}
.title-marker:after {
	content: "";
    position: absolute;
    background: #ffdfdf;
    width: 95%;
    height: 25px;
    bottom: 5px;
    left: 10px;
    z-index: -1;
}