.loginButton{background-color:#2f3a4d;color:#fff;width:100%;margin-bottom:.5rem}.login{display:grid;justify-content:center;margin:0}.login h1{font-size:2rem;padding:2rem 0 4rem}input{margin-bottom:.5rem!important;-webkit-user-select:auto!important}.loginButton{margin-bottom:1rem!important}@media only screen and (min-width:1024px){.inputs-button-wrap{display:flex;flex-direction:column;align-items:center}form{width:30%}}.register{width:100%;display:grid;justify-content:center;margin:0}.register h1{font-size:2rem;padding:2rem 0 4rem}input{margin-bottom:.5rem}.bRegister{background-color:#2f3a4d;color:#fff;margin-bottom:1rem}.account{color:#2f3a4d;cursor:pointer;opacity:.5}.account,.account:hover{transition:opacity .5s ease}.account:hover{opacity:1}.secret{padding:2rem 0}#container{margin:20px auto;width:200px;height:200px;position:relative}.information{display:grid;justify-content:center;margin:0}.information h1{font-size:2rem;padding:1rem 0 1rem}.info-wrap{padding-top:1.5rem}.info-wrap p{text-align:left;font-size:1.2rem}.info{background-color:#2f3a4d;color:#fff;margin-top:2rem;width:100%}@media only screen and (min-width:1024px){.info-wrap{width:25%;margin:0 auto}#editButton{width:30%}}.edit{display:grid;justify-content:center;margin:0}.button{width:100%}.editButton{background-color:#2f3a4d;width:auto;padding:10px!important;margin-top:2rem}.p-wrap{font-size:1.3rem;padding-top:1.5rem}.select,select{width:100%}.dateInput{line-height:100%}.about{position:flex}.about h1{font-size:2rem;padding:2rem}.description{width:80%;margin:0 auto;padding-bottom:1rem}.contact{color:#2f3a4d;cursor:pointer;opacity:.5}.contact,.contact:hover{transition:opacity .5s ease}.contact:hover{opacity:1}@media only screen and (min-width:1024px){.about-wrap{width:40%;margin:0 auto}}