:root {
    --blue: #0e76b7;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d51067;
    --red: #9b0c4b;
    --orange: #e36a49;
    --yellow: #ffc107;
    --green: #266232;
    --teal: #6cc04a;
    --cyan: #0e76b7;
    --white: #fff;
    --gray: #666;
    --gray-dark: #333;
    --primary: #0e76b7;
    --secondary: #eee;
    --success: #348644;
    --info: #0e76b7;
    --warning: #ffc107;
    --danger: #d51067;
    --light: #f8f8f8;
    --dark: #333;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
  font-size: 0.625rem;
  font-family: sans-serif;
  line-height: 1.15;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
    /* background: linear-gradient(120deg, rgba(213, 16, 103, 0.77), rgba(213, 16, 103, 0.77), rgba(215, 95, 0, 0.77)) no-repeat,
				url('images/bgedu.png') no-repeat center center fixed; */
	background: #E2E0E6;
    background-size: cover;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
	margin: 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
	height: 100%;
}

main, .container {
    display: flex;
    flex-direction: column;  
	padding-top: 60px;
}

.font-weight-light {
    font-weight: 300 !important;
}
.font-weight-bold {
	font-weight: 700 !important;
}

@media (min-width: 768px) { 
    main, .container {
		height: 100%;
        align-items: center;
		justify-content: center;
    }
 }
 
.card {
    background-color: #FFF;
    padding: 2rem;
    border-radius: 8px;    
    flex-shrink: 0;
}
 @media (min-width: 768px) { 
    .card {
        padding: 3rem 4.5rem 4.5rem 4.5rem;
        border-radius: 1.5rem;
        width: 750px;
    }
 }

.mt-5, .my-5 {
    margin-top: 3.2rem !important;
}

 .info-title {
	 color: #D61268;
	 font-weight: 800;
	 text-align: center;
 }

 
.font-weight-bold {
	font-weight: 700 !important;
}

.text-center {
	text-align: center !important;
}
.card-error {
	margin: 1.6rem;
}

.link-field {
    background-color: #F8F8F8;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    padding: 1.6rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
	word-break: break-all;
}

.btn a {
	text-decoration: none;
	color: inherit;
}

.btn {
    display: inline-block;
    font-weight: 600;
    color: #333;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 1.1rem 1.6rem;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: .6rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-pink-nav {
	border-color: #D61268;
	background-color: #D61268;
	color: #FFF;
	width: 280px;
	text-decoration: none;
	margin-left: auto;
    margin-right: auto;
    display: block;
}
.btn-blue-nav {
	border-color: #280071;
	background-color: #280071;
	color: #FFF;
	width: 280px;
	text-decoration: none;
	margin-left: auto;
    margin-right: auto;
    display: block;
}
 .info-title-blue{
	color: #280071;
	 font-weight: 800;
	 text-align: center; 
 }