.App{display:flex;flex-direction:column;align-items:center;height:100vh}form{width:500px}form label{font-size:16px;font-weight:700}.inputDiv{margin-bottom:10px}input,select{width:100%;padding:8px 7px;font-size:16px;border:2px solid #4a5568;background-color:#2d3748;color:#fff;margin:5px 0;outline:none;border-radius:10px}input::placeholder{color:#d3d3d3}input:focus{border-color:#add8e6}button{width:100%;padding:8px;margin:16px 0;background-color:green;color:#fff;font-size:16px;font-weight:700;cursor:pointer;border-radius:20px;border:none}.input-error{border-color:#fc8181}.error{color:#fc8181;font-size:12px;text-align:left}.checkbox{display:flex;justify-content:flex-start;align-items:center}.checkbox input{width:auto}.formLink{color:#fff}.navbar{width:100%;height:100px;background-color:brown;display:flex;flex-direction:row;border-bottom:white 300px}.navbar .main{width:100%;display:flex;align-items:center;padding-left:150px}.navbar .mainLink{margin-left:auto;margin-right:50px}.navbar .main img{height:70px}.navbar a{color:#fff;text-decoration:none;margin-right:20px}.navbar .rightSide button{background-color:transparent;border:none;color:#fff;cursor:pointer}.navbar .main svg{font-size:40px}@media only screen and (max-width: 600px){.navbar .main{padding-left:0!important}.navbar .main a{font-size:13px}.navbar .mainLink{margin:0}}.baslik{display:flex;align-items:center;padding:5px;margin:5px}.ekBilgi{display:flex;flex-direction:row;align-items:center;margin-top:3px}.oyuncu{margin:10px;padding:6px}input{padding:5px;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:#1a202c;color:#f3f3f3;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}