*{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}#nav{padding:30px;text-align:right}#nav a{font-weight:700;color:#000;text-decoration:none}#nav a.router-link-exact-active{color:#5b5bd8;text-decoration:underline}@media only screen and (max-width:767px){#nav{padding:26px}}.explore[data-v-37579564]{display:flex;align-items:center;justify-content:center}.cards[data-v-37579564]{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-around}.card[data-v-37579564]{margin:10px;border-radius:12px;background-color:rgba(53,53,53,.055);box-shadow:5px 2px 5px rgba(0,0,0,.219);width:500px;border:none;padding:20px 20px}button[data-v-37579564]{margin-top:12px;padding:5px 12px;border-radius:12px;background-color:#5b5bd8;font-size:large;color:#fff;border:none}button[data-v-37579564]:hover{background-color:#4949a7}.name[data-v-37579564]{font-size:large;font-weight:700}h1[data-v-37579564]{text-align:center}@media only screen and (max-width:767px){.card[data-v-37579564]{width:90%}}@media only screen and (min-width:768px) and (max-width:1023px){.card[data-v-37579564]{width:40%}}.addFriend{text-align:center;margin-bottom:80px}h1{margin-top:36px;margin-bottom:26px}.contacts[data-v-d79e6d96]{display:flex;align-items:center;justify-content:center}.firstname[data-v-d79e6d96],.lastname[data-v-d79e6d96]{font-weight:700;font-size:large}.cards[data-v-d79e6d96]{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-around}.card[data-v-d79e6d96]{margin:10px;border-radius:12px;background-color:rgba(53,53,53,.055);box-shadow:5px 2px 5px rgba(0,0,0,.219);width:500px;border:none;padding:20px 20px}button[data-v-d79e6d96]{margin-top:12px;padding:5px 12px;border-radius:12px;background-color:#d85b5b;font-size:large;color:#fff;border:none}button[data-v-d79e6d96]:hover{background-color:#c73a3a}.name[data-v-d79e6d96]{font-size:large;font-weight:700}h1[data-v-d79e6d96]{text-align:center}@media only screen and (max-width:767px){.card[data-v-d79e6d96]{width:90%}}.contacts{margin-bottom:80px}h1,h2{text-align:center;margin-top:36px;margin-bottom:26px}.add,input{width:60%;padding:12px 18px;border-radius:12px;border:1.8px solid #000;margin-bottom:6px;font-size:large}.add{margin-top:8px;background-color:#5b5bd8;font-size:large;color:#fff;border:none}.add:hover{background-color:#4949a7}.protipCard{text-align:center;color:#5b5bd8}@media only screen and (max-width:767px){.add,input{width:80%}}