body{display: flex; justify-content: center; align-items: center; background-color: #e0f4ff;}
html {  color: #000;  background: #FFF;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  margin: 0;  padding: 0;  }
ol, ul {  list-style: none;  }
fieldset, img,button{border: 0;}
input{border:0;outline: none;}
.nav{height: 80vh; margin-top: 20vh;}
.nav>ul{display: flex;}
.nav>ul>li{    margin: 0 10px;letter-spacing: 1px;}
.nav>ul>li>a{box-shadow: 0 1px 5px 0 rgba(32,192,255,0.83);width: 250px;text-decoration: none; display: block; text-align: center; background-color: #1890ff; color: #ffffff; padding: 20px; border-radius: 15px; font-size: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.nav>ul>li:nth-child(1)>a{ background-color: #c31c41;}
.nav>ul>li:nth-child(1)>a:hover{background-color: #e30436;}
.nav>ul>li:nth-child(2)>a:hover{background-color: #46a2f7;}
.nav>ul>li>a>img{width: 150px;}
.nav>ul>li>a>span{margin-top: 15px;}