@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
* {font-family: 'League Gothic', sans-serif;}
p {font-family: 'League Gothic', sans-serif; font-size: 19pt}
body {background-color: #fff;}

hr {background-color: #144275; opacity: 1; margin: 0}
a {color: black; text-decoration: none;}
a:hover {color: black; text-decoration: none;}
.btn, .btn h1 {font-size: 45pt;}
.borde-20 {border-radius: 20px;}
h1 {color: #144275;font-size: 40pt}
.btn-titulo {background-color: #fff;}
#img-titulo {width: 120px; height: 100px;}
#img-titulo img {width:120px;bottom:-7px;left:11px;}
#busqueda {height: 100%;}
#busqueda img {height:48px;}
#searchbar {height:60px; width:85%;font-size:24pt;}
#logo img {max-width:120px;}
#img-descarga {max-width:143px; height: 93px; float: right;}
#Download {float: right; font-size: 17pt}
#imgflechaiz {width: 100px; height: 100px; position: absolute; top: 232px; margin-left: 568px}
#imgflechade {width: 100px; height: 100px; position: absolute; top: 230px; margin-left: 1228px}
#imgest {width: 265px; height: 610px; margin-left: 815px; position: absolute; bottom: 125px;}
#imgtea {width: 140px; height: 263px; margin-left: 1460px; position: absolute; bottom: 155px;}
#imgm_h {width: 145px; height: 260px; margin-left: 280px; position: absolute; bottom: 160px; z-index: 2;}
#imgpar {width: 113px; height: 270px; margin-left: 365px; position: absolute; bottom: 160px; z-index: 1;}
#imgchild {width: 490px; height: 800px; margin-left: 225px; position: fixed; bottom: -120px; z-index: 3;}
.imgc3 {width: 190px; heigth: 200px;}
.btn-primar {background-color:#fff; color: #fff; width: 272px; heigth: 25px;}
.btn-primar:hover {background-color:#fff; color: #fff;}
.btn-secon {background-color:#144275; color: #fff; width: 683px; heigth: 25px;}
.btn-secon:hover {background-color:#144275; color: #fff;}
.btn-ter {background-color:#144275; width: 145px; height: 145px}
.container1 {background-color:#fff; width: 288px; heigth: 654px;}
.container2 {background-color:#fff; width: auto; heigth: 606px; overflow: hidden; padding-bottom: 118px}
.container3 {background-color: #fff; width: auto; max-heigth:654px;}
.containerp {position: relative; height: 969px; width: auto;}
.circulofondo {background-color: #2E72CB; width: 85%; height: 62%; border-top-left-radius: 50% 100%; border-top-right-radius: 50% 100%; position: absolute; bottom:0px; margin-left: 140px;}
.circulostu {background-color: #FF8437; width: 500px; height: 500px; border-radius: 100% 100% 100% 100%; position: absolute; margin-left: 700px; bottom: 280px;}
.circulopar {background-color: #FF8437; width: 250px; height: 250px; border-radius: 100% 100% 100% 100%; position: absolute; margin-left: 250px; bottom: 220px;}
.circulotea {background-color: #FF8437; width: 250px; height: 250px; border-radius: 100% 100% 100% 100%; position: absolute; margin-left: 1390px; bottom: 220px;}
.circuloflechaiz {background-color: #C9C9C9; width: 130px; height: 130px; border-radius: 100% 100% 100% 100%; margin-left: 553px; position: absolute; bottom: 625px;}
.circuloflechade {background-color: #C9C9C9; width: 130px; height: 130px; border-radius: 100% 100% 100% 100%; margin-left: 1210px; position: absolute; bottom: 625px;}
.letrastu {font-family: 'League Gothic'; font-size: 105pt; color: #2E72CB; position: absolute; top: 30px; margin-left: 740px; font-weight: 450; text-shadow: -2px 1px 1px black;}
.letrapar {font-family: 'League Gothic'; font-size: 60pt; color: black; position: absolute; top: 410px; margin-left: 260px; font-weight: 450; text-shadow: -1px 0px 1px #D7D7D7;}
.letratea {font-family: 'League Gothic'; font-size: 60pt; color: black; position: absolute; top: 412px; margin-left: 1380px; font-weight: 450; text-shadow: -1px 0px 1px #D7D7D7;}
.circuloazul {background-color: #2E72CB; width: 1872px; height: 1700px; border-radius: 100%; position: fixed; top: -270px; z-index: 1;}
.circuloblanco {background-color: #fff; width: 880px; height: 840px; border-radius: 100%; position: absolute; margin-left: 530px; top: 75px; z-index: 2;}
.balloon {border-radius: 65px; background-color: #FF8437; color: floralwhite; padding: 10px; width: 985px; height: auto; margin-left: 775px; position: absolute; z-index: 4; top: 290px; font-weight: 450; text-shadow: -6px 0px 1px black; text-align: left;}
#welcome {margin-left: 40px; font-size: 200px;}
#character {margin-top: -40px; margin-left: 40px; font-size: 125px;}