a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:62.5%}.App{background-color:#ccc5c5;flex-direction:column;justify-content:center;align-items:center}.App,.menu{display:flex}.menu{width:100%;padding:.5rem;justify-content:flex-end;margin-bottom:.8rem;box-shadow:0 5px 5px 0 #1631a8}nav{flex-basis:50%;display:flex;justify-content:space-around;font-size:1.5rem;color:#ccc5c5}.menu-link{color:#1631a8;text-decoration:none}.piece{margin:5rem auto;width:40%;font-size:1.5rem;box-shadow:10px 10px 5px 0 rgba(0,0,0,.75)}.piece-header{background-color:#1631a8;color:#fff;display:flex;justify-content:space-between;padding:1rem}.piece h3{font-size:2rem;color:#fff}.piece p{font-size:1.5rem;padding-top:.5rem}.like-section{width:5rem;margin-left:2rem;padding:.5rem;display:flex;justify-content:space-around}.piece .content{margin:1rem auto;width:90%;font-size:1.7rem;font-weight:bolder}.content-actions{display:flex;justify-content:flex-end}.bottom-actions{display:flex;justify-content:space-between}.edit{margin-left:3rem}.piece-buttons{margin:0 auto;padding:2rem 0;width:20rem;display:flex;justify-content:space-between}.comments-button{margin-right:2rem;cursor:pointer}.comments{display:none}.show{display:inline}.hide{display:none}.form h2{font-size:3rem;margin:5rem 0 1rem}form{display:flex;flex-direction:column;margin:5rem 0 10rem}.title{border-top:none;border-right:none;border-left:none}textarea{margin:10rem 0}.header{width:100%;background-color:#1631a8;color:#ccc5c5;margin-bottom:2rem}.header h1{font-size:3rem}.header h1,.header h3{text-align:center;margin-bottom:.5rem}.header h3{font-size:1rem}.sub-info{margin:0 auto;width:90%;display:flex;justify-content:space-between;padding:1rem}.sub{flex-basis:30%;display:flex;flex-direction:column}.sub-icon{font-size:3rem;align-self:center;margin-bottom:2rem}.sub p{font-size:1.5rem}.add-piece-page{width:100%;padding:.8rem 5rem 5rem}.add-piece-sub{flex-basis:30%;display:flex;flex-direction:column}.add-piece-sub-icon{font-size:5rem;align-self:center;margin-bottom:2rem}.add-piece-sub p{font-size:2rem;text-align:center}.form{margin:0 auto;width:80%}.login-register{margin:5rem auto;width:40rem;position:relative}.login-register,.login-register .container{display:flex;justify-content:center;align-items:center}.login-register .container{background-color:#fff;box-shadow:0 0 12px 2px rgba(15,15,15,.2);border-radius:4px}.login-register .logInOrRegister{margin-top:-5rem;display:flex;justify-content:center;align-items:center;height:15%;background-color:#1631a8;width:100%;position:absolute}.login-register .logInOrRegister .text{font-size:2.1rem;font-weight:bolder;color:#fff}.btn{font-size:21px;padding:5px 20px;border:0;background-color:#1631a8;color:#fff;border-radius:3px;transition:all .25s ease-in-out;cursor:pointer}.btn:hover{background-color:#2386c8}.btn:focus{outline:none}.container{width:100%;display:flex;flex-direction:column;align-items:center}.container .header{font-size:2.4rem;color:#fff;font-family:"Libre Baskerville",serif}.container .content{display:flex;flex-direction:column}.container .content .image{width:21rem}.container .content .image img{width:100%;height:100%}.container .content .form{margin-top:2rem;display:flex;flex-direction:column;align-items:center}.container .content .form .form-group{display:flex;flex-direction:column;align-items:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container .content .form .form-group label{font-size:2rem;font-weight:bolder}.container .content .form .form-group input{margin-top:.6rem;min-width:18rem;height:3.7rem;padding:0 1rem;background-color:#f3f3f3;border:0;border-radius:.4rem;margin-bottom:3.1rem;transition:all .25s ease-in-out}.container .content .form .form-group input:focus{outline:none;box-shadow:0 0 1.2rem .4rem #1631a8}.container .footer{margin-top:3rem;margin-bottom:5rem}
/*# sourceMappingURL=main.0289c7bb.chunk.css.map */