*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#003a61;font-family:Fjalla One,sans-serif;font-size:18px}.container{display:flex;flex-wrap:wrap}.container>div{border:1px solid rgba(0,0,0,.1);border-radius:15px;margin:.5rem;box-shadow:#64646f33 0 7px 29px}.container>div:hover{box-shadow:#00000026 1.95px 1.95px 2.6px}h1{padding-top:40px;color:#ccc;text-align:center;font-size:1.5rem;text-shadow:rgba(0,0,0,.6) 1px 0,rgba(0,0,0,.6) 1px 0,rgba(0,0,0,.6) 0 1px,rgba(0,0,0,.6) 0 1px}h3{padding-top:40px;color:#ccc;text-align:center;font-size:1rem;text-shadow:rgba(0,0,0,.6) 1px 0,rgba(0,0,0,.6) 1px 0,rgba(0,0,0,.6) 0 1px,rgba(0,0,0,.6) 0 1px}.nav{margin:20px auto;left:60px;width:455px;min-height:auto}ul.list,ul.list ul{margin:0;padding:0;list-style-type:none}ul.list ul{position:relative;margin-left:10px}ul.list ul:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;width:0;border-left:1px solid #ccc}ul.list li{position:relative;margin:0;padding:3px 12px;color:#ccc;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:400;line-height:20px}ul.list li a{position:relative;color:#ccc;text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:700;line-height:20px}ul.list li a:hover,ul.list li a:hover+ul li a{color:#d5ebe3}ul.list ul li:before{content:"";display:block;position:absolute;top:10px;left:0;width:8px;height:0;border-top:1px solid #ccc}ul.list ul li:last-child:before{top:10px;bottom:0;height:auto;background:#003a61}