*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif}html{font-size:10px}.title{padding-left:3rem;padding-top:5rem;font-size:3.5rem;letter-spacing:3px}.subtitle{color:#487eb0}@media screen and (max-width:1000px){.title{padding-top:3rem}}@media screen and (max-width:750px){.title{text-align:center;margin:0 auto;padding-left:0;padding-top:3rem}}.SearchBox{width:38%;margin-top:10rem;padding:3rem;padding-left:2rem;display:inline-block}#error{color:#e74c3c;font-size:1.4rem;width:90%;font-family:Roboto,sans-serif;margin-bottom:1.5rem;letter-spacing:2px;display:none}.app-description{font-size:2rem;line-height:170%;letter-spacing:1px;margin-bottom:5rem}.searchinputcontainer{position:relative}#searchinput{padding:1rem 2rem;width:80%;font-family:Russo One,sans-serif;outline:none;border:none;border-bottom:3px solid #1a65c6;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#searchinput,.imagelabel{display:block;font-size:1.5rem}.imagelabel{position:absolute;top:1.1rem;left:2rem;color:#999;font-weight:lighter;pointer-events:none;letter-spacing:1px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}#searchinput:focus~label{top:-2.5rem;font-weight:700;font-size:1.3rem;left:.5rem;color:#54bd81}.searchbutton{margin-top:3rem;background-color:rgba(72,126,176,.7);font-family:Russo One,sans-serif;border:none;text-transform:uppercase;color:#eee;letter-spacing:2px;padding:1rem 2rem;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.searchbutton:active,.searchbutton:focus,.searchbutton:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-filter:contrast(1.2);filter:contrast(1.2)}@media screen and (max-width:1000px){.SearchBox{width:50%;margin-top:3rem}}@media screen and (max-width:750px){.SearchBox{text-align:center;width:100%;margin-top:3rem}.searchboxcontent{width:60%;margin:0 auto}#searchinput{margin:0 auto}}@media screen and (max-width:600px){#error{margin:0 auto 1.5rem}.searchboxcontent{width:100%}.app-description{font-size:1.8rem}}#ImageBox{width:55%;position:relative}@media screen and (max-width:1000px){#ImageBox{width:100%;-webkit-clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%);clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%)}}#image{width:100%;height:35rem;-webkit-box-shadow:.2rem .2rem 1rem rgba(0,0,0,.3);box-shadow:.2rem .2rem 1rem rgba(0,0,0,.3);border-radius:1rem}@media screen and (max-width:600px){#image{height:27rem}}.boundary-box{position:absolute;border:3px solid #4682b4}.Box{position:relative;width:58%;margin:10rem 3rem 5rem 0;background-color:#eee;color:#222;padding:2rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:2rem;overflow:hidden;-webkit-box-shadow:.2rem .2rem 1rem rgba(116,188,251,.5);box-shadow:.2rem .2rem 1rem rgba(116,188,251,.5)}.close{display:inline-block;margin:0;padding:0;position:absolute;color:#333;font-size:3rem;z-index:10;top:.5rem;right:1.5rem;cursor:pointer;z-index:100;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.close:hover{-webkit-transform:rotate(-90deg) scale(1.1);-ms-transform:rotate(-90deg) scale(1.1);transform:rotate(-90deg) scale(1.1);text-shadow:.3rem .3rem 1rem rgba(0,0,0,.4)}@media screen and (max-width:1000px){.Box{width:45%;margin:5rem auto}}@media screen and (max-width:750px){.Box{width:70%;margin:5rem auto}.close{font-size:2.5rem}}@media screen and (max-width:600px){.Box{width:90%;padding:1.5rem;margin:5rem auto}}.Flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.ImageDescription{width:45%;padding:2rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:1000px){.ImageDescription{width:100%;margin-top:3rem;padding:0}.facedetails{margin-top:3rem}}#canva-container{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex}.canva{cursor:pointer;border-radius:1rem;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:6rem;height:6rem;margin-right:1.2rem;margin-bottom:1rem;-webkit-box-shadow:.2rem .2rem 1rem rgba(0,0,0,.2);box-shadow:.2rem .2rem 1rem rgba(0,0,0,.2);padding:3px}@media screen and (max-width:600px){.canva{width:5rem;height:5rem}}.activecanva{border:2px solid rgba(72,126,176,.9);-webkit-box-shadow:.2rem .2rem 2rem rgba(0,0,0,.4);box-shadow:.2rem .2rem 2rem rgba(0,0,0,.4);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.facedetails{background-color:#487eb0;padding:1rem;font-family:Roboto,sans-serif;-webkit-box-shadow:.22rem .2rem 1rem rgba(0,0,0,.5);box-shadow:.22rem .2rem 1rem rgba(0,0,0,.5);color:#eee;border-radius:1rem;letter-spacing:3px;padding:0;font-size:1.5rem}.age-block,.culture-block,.gender-block{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1rem}.facedata{border-bottom:1px solid #ddd;margin:0;padding:1rem;text-shadow:.1rem .1rem .5rem rgba(0,0,0,.5)}.facedata h3{font-size:1.4rem;text-transform:uppercase}.value{text-align:right;margin-left:3rem}#root{min-height:100vh;overflow-x:hidden;color:#eee;position:relative;background:url(/static/media/backimage.96f1264d.jpg);background-size:cover;background-repeat:no-repeat;font-family:Russo One,sans-serif}
/*# sourceMappingURL=main.3f3078d5.css.map*/