﻿body {
    /*background:url('/Content/img/paper-crumpled-paper-texture.jpg');*/
    background:url('/Content/img/3477678.jpg');
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    font-family:"proxima-nova";
}
.btn {
    border-radius: 36px;
}
.btn-info {
    color: #00678D;
    background-color: #C9EFFF;
    border-color: #C9EFFF;
    box-shadow: 0px 3px 3px 1px #00000038;
}
.container {
    background-color: #ffffff;
    box-shadow: 0px 2px 19px 1px black;
    margin-top: 20px;
    border-radius: 20px;
    padding-bottom: 25px;
    margin-bottom: 20px;
    padding-top: 20px;
}
@font-face {
    font-family: fontface;
    src: url('/Content/fontface/HolidayFree.otf');
}
.fontface {
    font-family: fontface;
    font-size:53px;
    color:black
}
.form-group {
    margin-bottom: 0.5rem;
}
.section-title {
    margin: 0em 0 0.5em 0;
	color: #343434;
	font-weight: normal;
	font-family: 'Ultra', sans-serif;   
	font-size: 36px;
	line-height: 42px;
	text-shadow: 0 2px white, 0 3px #777;
}
hr {
    margin-top: 2rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid rgb(110 207 246);
    width: 50%;
    border-style: dashed;
}
hr.sep {
  border: 0; 
  height: 1px; 
  background-image: linear-gradient(to right, #f0f0f0, #00b9ff, #b6fda9, #f0f0f0);
}
label {
    text-align: right;
    font-weight: bold;
}

.card {
    /*border: 2px solid #6ecff6;*/
    border: 3px solid;
    border-image-source: linear-gradient(to right, #f0f0f0, #00b9ff, #b6fda9, #f0f0f0);
    border-image-slice: 1;
    /*border-radius: 143px;*/
    /*contain: paint;*/
    margin-bottom:20px
}

.text-title {
    text-align:center;
    border-bottom: 2px solid #FCCF86;
    display: inline;
}

.text-title p::first-letter{
    color: #FCCF86;
    font-size:30px
}
.text-title p{
    color: black;
    position: relative;
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
.form-check-inline {
    padding-top: 6px;
}

.form-control {
    font-size: 1rem;
    border-radius: 1.25rem;
}

@media only screen and (max-width: 768px) {
    label {
        text-align: left;
    }
    .card {
        border: 2px solid #6ecff6;
        border-radius: 10px;
        contain: paint;
        z-index: 1000000000;
    }
}

.col-form-label {
    font-size: smaller;
}