@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap);*{margin:0;padding:0;outline:0;box-sizing:border-box}html{font-size:62.5%}#root,body,html{height:100vh;text-rendering:optimizelegibility}body{background:#e5e6f0;-webkit-font-smoothing:antialiased}body,button,input{font-family:Roboto,sans-serif}div.App{margin:0 auto;display:flex;flex-direction:column;min-height:100vh}html body{overflow:visible;overflow:initial}body{background-image:url(/static/media/background-image.39b878b7.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;background-attachment:fixed}@media only screen and (max-width:900px){html{font-size:55%}}@media only screen and (max-width:770px){html{font-size:50%}}@media only screen and (max-width:720px){nav{display:none}.one,.three,.two{background-color:#333;height:5px;width:100%;margin:6px auto;-webkit-transition-duration:.3s;transition-duration:.3s}.menu-toggle{width:40px;height:30px}.menu-section.on{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:10;display:flex;justify-content:center;align-items:center}.menu-section.on nav{display:block}.menu-section.on .menu-toggle{position:absolute;right:25px;top:15px}.menu-section.on .menu-toggle .one{-webkit-transform:rotate(45deg) translate(7px,7px);transform:rotate(45deg) translate(7px,7px)}.menu-section.on .menu-toggle .two{opacity:0}.menu-section.on .menu-toggle .three{-webkit-transform:rotate(-45deg) translate(8px,-9px);transform:rotate(-45deg) translate(8px,-9px)}.menu-section.on nav ul{text-align:center;display:block}.menu-section.on nav ul a{-webkit-transition-duration:.5s;transition-duration:.5s;font-size:2.5rem;line-height:4rem;display:block}body{background-image:url(/static/media/mobile-background.jpg.950ca7f7.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;background-attachment:fixed}}@media only screen and (max-height:400px){.menu-section.on nav ul a{-webkit-transition-duration:.5s;transition-duration:.5s;font-size:2.5rem;line-height:2rem;display:block}}header{background-color:hsla(0,0%,100%,.8);box-shadow:0 0 14px 0 rgba(0,0,0,.2)}header .header-container{display:flex;align-items:center;justify-content:space-between;width:90%;max-width:900px;margin:auto}header img{margin:0 20px 0 0;width:150px;padding:15px 0}header nav ul{display:flex}header nav ul li{list-style:none}header nav ul li .current{background-color:rgba(0,0,0,.1);border-bottom:2px solid #333;border-radius:0}header nav li a{text-decoration:none;font-size:1.3rem;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;text-transform:uppercase;font-weight:700;color:#333;letter-spacing:.3rem;padding:24px 20px;border-radius:2px;-webkit-transition:all .25s linear 0s;transition:all .25s linear 0s}header nav ul li a:hover{background-color:rgba(0,0,0,.2)}.footer-container{width:100%;background-color:hsla(0,0%,100%,.8);padding:15px;margin:auto auto 0;display:flex;flex-direction:row;align-items:center;justify-content:center}.footer-container p{font-family:Kaushan Script;margin-right:5px;font-weight:700;color:#333;letter-spacing:.1em;font-size:1.8rem}.home-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333}.home-container .overview{width:90%;max-width:600px;background-color:hsla(0,0%,100%,.8);margin:10px;border-radius:2px}.home-container .overview .title{background-color:#333;text-align:center;padding:5px;font-family:Kaushan Script;color:#fff;font-size:3rem;border-radius:2px}.home-container .overview p{text-align:justify;line-height:2.3rem}.home-container .overview .sub-title{text-transform:uppercase;font-weight:700;margin:10px 0;letter-spacing:.1em;font-size:1.5rem}div.main-input-container{width:100%;position:relative;height:50px;overflow:hidden;margin:10px 0}div.input-block input{width:100%;height:100%;background-color:transparent;color:#444;padding-top:30px;border:none;outline:none}div.input-block label{position:absolute;color:#222;font-size:14px;bottom:0;left:0;width:100%;height:100%;pointer-events:none;border-bottom:1px solid #666}div.input-block label:after{content:"";position:absolute;left:0;bottom:-1px;height:100%;width:100%;border-bottom:2px solid #444;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.content-name{position:absolute;bottom:5px;left:0;-webkit-transition:all .3s ease;transition:all .3s ease}div.main-input-container input:focus+.label-name .content-name,div.main-input-container input:valid+.label-name .content-name{-webkit-transform:translateY(-150%);transform:translateY(-150%);font-size:14px;color:#333;font-weight:700}div.main-input-container input:focus+.label-name:after,div.main-input-container input:valid+.label-name:after{-webkit-transform:translate(0);transform:translate(0)}.content-error{color:#f36;font-size:12px}main{background-color:hsla(0,0%,100%,.85);border-radius:2px;height:100%;box-shadow:0 0 14px 0 rgba(0,0,0,.12);min-width:280px;max-width:420px;width:96%;margin:10px auto}.form-block{padding:0 20px 20px}.header-block{background-color:#333;border-radius:2px;padding:5px 20px;display:flex;justify-content:center;width:100%}.header-block p.title{font-family:Kaushan Script;font-size:2.5rem;text-align:center;color:#fff}.attributes-header-block{justify-content:center;text-align:center;color:#333;position:relative}.attributes-block,.attributes-block .select-box,.attributes-header-block{display:flex;align-items:center}.attributes-block .select-box{flex-direction:column;margin:0 10px 0 5px}.select-box{margin:10px 0 0;text-align:center;font-size:1.5rem}.select-box label{display:flex;font-size:14px;color:#333;font-weight:700;justify-content:flex-start;align-self:flex-start}.attributes-header-block .button{margin-left:10px;width:100%;height:30px}div span.attribute-title{letter-spacing:.2em;font-size:14px;font-weight:700;color:#333;margin-left:5px}.attributes-container{background-color:#fff;border:.1rem dashed #333;padding:5px;border-radius:2px;margin:5px 0}.relationship-block{display:flex;width:100%;flex-direction:column;margin:10px 5px}.relationship-block .relationship-box{display:flex;flex-direction:row;justify-content:space-between}.attributes-block{justify-content:space-between}.relationship-block span{color:#333;font-weight:700;font-size:14px}.relationship-value{background-color:#eee;border-radius:2px;padding:10px 5px;margin-right:10px;width:100%}.btn-trash.relate{font-size:20px}.relationship-value span{letter-spacing:.05em;font-weight:100}.btn-style,.relationship-value span b{text-transform:uppercase}.btn-style{text-align:center;margin:20px 0 0 10px;padding:18px 40px;border:none;font-size:1.3rem;font-weight:700;background-color:#424141;letter-spacing:.1em;color:#fff;border-radius:2px;cursor:pointer;-webkit-transition:all .25s linear 0s;transition:all .25s linear 0s}.btn-style:focus{background-color:rgba(29,27,27,.6)}.btn-add{margin:10px 0 0 10px;width:100%;font-size:1.3rem;padding:10px 0}.btn-style:hover{background-color:#1d1b1b}.btn-style:active{background-color:#535055}.btn-trash{cursor:pointer;border:none;background-color:transparent;font-size:2.5rem;padding:5px 7px;color:#333;background-color:#aaa;border-radius:2px;-webkit-transition:all .3s;transition:all .3s;margin:0 auto}.btn-trash:hover{background-color:hsla(0,0%,53.3%,.4)}.btn-trash:active,.btn-trash:focus{background-color:#888}.submit-block{display:flex;justify-content:center}.btn-trash.attributes{margin-top:15px;margin-left:5px;margin-right:5px}.select-relationship{display:flex;flex-direction:column;font-size:1.4rem;width:100%}.select-relationship label{font-weight:700;font-size:1.4rem;text-align:left;margin:10px 0}.attributes-header-block .btn-relate{margin-top:35px}.attributes-container .value{display:flex;font-weight:700;color:#333;margin:10px 0 0 5px;font-size:1.4rem}.relationship-box{margin:0}.select-relationship label{font-size:1.6rem;margin-bottom:0}.pagination{width:100%}.pagination ul{list-style:none;flex-wrap:wrap;margin:10px}.pagination ul,.pagination ul div{display:flex;align-items:center;justify-content:center}.pagination ul div{padding:10px;border-radius:2px}.pagination ul div li{margin:10px;font-size:3rem;font-weight:700;color:#fff}.pagination ul div li.page-number{color:#333;font-size:1.8rem;background-color:#fff;padding:8px 15px;border-radius:2px;border-bottom:4px solid #fff}.pagination ul div li.page-number.current{border-bottom-color:#15b097}.pagination ul div li .btn-page{border:0;background-color:#ccc;padding:10px;border-radius:2px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}.pagination ul div li .btn-page:hover{background-color:#777}.pagination ul div li .btn-page.disabled{background-color:hsla(0,0%,100%,.3);cursor:auto}.search-container{display:flex;flex-direction:column;background-color:hsla(0,0%,100%,.9);border-radius:2px;padding:10px;max-width:500px;width:90%;box-shadow:0 0 14px 0 rgba(0,0,0,.2);align-items:center;justify-content:center;margin:20px auto}.explanation-block{margin:10px;color:#333;font-size:1.6rem;line-height:2.3rem}.search-block{display:flex;flex-direction:row;background-color:#ddd;border-radius:2px;width:90%;margin:10px}.search-block:hover,.search-block:hover .btn-search{background-color:#ccc}.search-container .input-block input{color:#222;font-size:14px;margin:0;padding:0}.search-container .input-block{padding:10px;width:100%}.btn-search{background-color:#ddd;color:#333;font-size:20px;border:none;margin:3px 0 0 5px;cursor:pointer}.list-container{margin:0 auto;padding:20px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.list-container span{font-weight:700}.entity-block{font-size:1.4rem;background-color:hsla(0,0%,100%,.9);color:#333;box-shadow:0 0 14px 0 rgba(0,0,0,.2);border-radius:2px;min-width:250px;max-width:300px;width:100%;margin:10px;padding:15px;letter-spacing:.05em;border:2px solid transparent;-webkit-transition:all .5s;transition:all .5s}.entity-block:active{background-color:#fff}.option-search-block{width:100%;flex-direction:column}.option-search-block,.option-search-block div{display:flex;align-items:center;justify-content:center}.option-search-block div{width:90%}.option-search-block button{width:90%;max-width:430px;padding:15px 40px;border:none;font-size:1.3rem;text-transform:uppercase;font-weight:700;color:#333;letter-spacing:.1em;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.option-search-block .btn-id{flex:1 1;background-color:#333;color:#fff;border-top-left-radius:2px;border-top-right-radius:2px}.btn-id:hover{background-color:#888}.btn-id:active{background-color:#111}.btn-id:focus{opacity:.9}.option-search-block .btn-type{flex:1 1;background-color:#333;color:#fff;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.btn-type:hover{background-color:#888}.btn-type:active{background-color:#222}.btn-type:focus{opacity:.9}.explanation-block p{text-align:justify}.btn-id.on{background-color:#111}.btn-id.on:hover{opacity:.5}.btn-type.on{background-color:#111}.btn-type.on:hover{opacity:.5}.option-search-block .btn-all{margin-top:10px;border-radius:2px;flex:1 1;background-color:#15b097;color:#fff}.btn-all:hover{background-color:rgba(21,176,150,.69)}.btn-all:active{background-color:#12574b}.btn-all:focus{opacity:.9}.list-container .relationship-block{display:flex;flex-direction:column;margin:15px 0;padding:0}.list-container p+p{margin:10px 0 0}.action-block{display:flex;justify-content:space-evenly;align-items:center;padding-top:10px}.action-block button{background-color:transparent;margin:0 5px;border:none;cursor:pointer;display:flex;align-items:center;font-size:1.2rem;letter-spacing:.1em;font-weight:700;text-transform:uppercase;color:#fff;background-color:#333;padding:10px;border-radius:2px;box-shadow:0 0 14px 0 rgba(0,0,0,.2);-webkit-transition:all .5s;transition:all .5s}.action-block span{margin-left:5px}.action-block .update{background-color:#33f}.action-block .update:hover{background-color:#1c1c9c}.action-block .update:focus{background-color:#0f0f55}.action-block .delete{background-color:#f33}.action-block .delete:hover{background-color:#8f1b1b}.action-block .delete:focus{background-color:#5f1313}.show-total-count{margin-top:5px;width:100%;display:flex;justify-content:center}.show-total-count p{padding:15px 20px;background-color:#fff;border-radius:2px;box-shadow:0 0 14px 0 rgba(0,0,0,.2);font-size:1.6rem;font-weight:700;letter-spacing:.1em}.show-relationship{width:100%;margin:5px 0;color:#333;border:2px solid #333;border-radius:2px;padding:5px;background-color:#ccc}.relationship-count{display:flex;align-items:center;padding-left:10px;margin:10px 0}.update-container{background-color:hsla(0,0%,100%,.85);border-radius:2px;height:100%;box-shadow:0 0 14px 0 rgba(0,0,0,.12);min-width:280px;max-width:420px;width:96%;margin:10px auto;color:#333}.update-container .header-title-block{letter-spacing:.1em;font-size:2.3rem;text-align:center;background-color:#333;color:#fff;font-family:Kaushan Script;padding:5px 10px;margin-bottom:10px;text-transform:none;border-radius:2px}.update-container .property-block{font-size:1.4rem;margin:5px 0;background-color:#ddd;padding:15px 10px;letter-spacing:.1em}.update-block{width:100%;display:flex;align-items:center;justify-content:center}.update-form-block{padding:0 20px 20px}.about-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333}.about-container .version-block{margin:10px 0;width:90%;max-width:600px}.about-container .company-container{width:90%;max-width:600px;background-color:hsla(0,0%,100%,.8);margin:20px;border-radius:2px;box-shadow:0 0 14px 0 rgba(0,0,0,.2)}.header{font-family:Kaushan Script;font-size:3rem;font-weight:100;padding:5px 20px;border-radius:2px;background-color:#333;color:#fff;text-align:center}.about-container .version-block .header{max-width:600px}.content{margin:20px;text-align:justify;font-size:1.6rem;line-height:2.3rem;display:flex;flex-direction:column;justify-content:center}.content .title{text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;margin:10px 0}.about-container .developers-container{width:90%;max-width:600px;background-color:hsla(0,0%,100%,.8);padding:0 0 20px;margin:20px;border-radius:2px;box-shadow:0 0 14px 0 rgba(0,0,0,.2)}.about-container .developers-container .profiles-container{display:flex;justify-content:space-evenly}.profile{width:40%;margin:10px;display:flex;flex-direction:column;align-items:center}.profile img{border-radius:50%;width:90%;box-shadow:0 0 14px 0 rgba(0,0,0,.5)}.profile span{margin:10px 0;font-size:1.4rem;font-weight:700;text-align:center}.github-link,.profile span{letter-spacing:.1em;text-transform:uppercase}.github-link{align-self:center;margin:20px 0 0;padding:10px 15px;border-radius:2px;background-color:#424141;box-shadow:0 0 14px 0 rgba(0,0,0,.5);font-size:1.5rem;text-decoration:none;color:#fff;-webkit-transition:all .5s;transition:all .5s}.github-link:hover{background-color:#1d1b1b}
/*# sourceMappingURL=main.bcb01789.chunk.css.map */