#app{display:grid;grid-template-columns:1fr 2fr;align-items:center}#add{position:fixed;top:0;right:0}nav{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100vh}nav a{text-decoration:none;color:#000;font-size:1.5rem;font-weight:700;border:3px solid black;padding:30%}nav a:hover{color:#ccc}#add[data-v-65855a02]{position:fixed;bottom:10;right:10;margin:20px;width:3%}#add input[data-v-65855a02]{width:100%;height:100%}#app{display:grid;grid-template-rows:1fr 4fr;height:100vh;width:100%}.home{display:flex;flex-direction:column;align-items:center;justify-content:center}.home .user-card{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid orange;margin:10px;padding:20px;border-radius:10px}.home input{width:25%;height:25%}div,.form{display:flex;flex-direction:column;align-items:center;justify-content:center}.form form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200%}.form form input{width:25%;height:25%}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;color:#000}.about{display:flex;flex-direction:column;align-items:center;justify-content:center}.about .clavier{display:grid;grid-template-columns:repeat(3,1fr)}.about .clavier button{display:flex;align-items:center;justify-content:center;border:1px solid black;width:100%;height:100%;margin:10px 10px 20px;border-radius:10px;background-color:orange;color:#fff;font-size:30px}.about .clavier button:nth-child(10){grid-column:2/3}.contacts-card{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid orange;margin:10px;padding:20px;border-radius:10px}input{width:25%;height:25%}