@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400;
    min-height: 100vh;
}
.script {
    font-family: 'Dancing Script', cursive;
}
.pointer {
    cursor: pointer;
}
img {
    max-width: 100%;
}
a:hover {
    text-decoration: none;
}
.no-gutters {
  margin-right: -12px;
  margin-left: -12px;
}
.navbar-brand img {
    max-height: 100px;
}
.nav-link {
    font-size: 18px;
}
.circle-image {
    border-radius: 10px;
}
.logo {
    max-height: 200px;
}
.info-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.0);
    transition: all 500ms ease;
    display: inline-block;
    border-radius: 10px;
}
.hover-item {
    transition: all 500ms ease;
    opacity: 0;
    border-radius: 10px;
}
.card {
    border: none;
    border-radius: 10px;
}
.card .hover-item h3 {
    color: #fff !important; 
}
.card:hover .info-hover {
    background-color: rgba(0,0,0,0.8);
}
.card:hover .info-hover .hover-item {
    opacity: 1;
}
.card-img-top img, .thumb {
    border-radius: 10px;
}
hr {
    border-width: 1px;
}
.btn {
    border-radius: 10px;    
}
.card-square, .img-thumbnail {
    border-radius: 30px;    
}
.signcursive {
    font-family: 'Dancing Script', cursive;
    border: none;
    border-bottom: 1px #000000 solid;
    font-size: 28px;
    border-radius: 0;
}