@import"https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap";
html,body {
  margin:0;
  padding:0
}
body {
  background-color:#9ec2ff;
  background-image:url(images/bg.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size:cover;
  width:100vw;
  min-width:300px;
  font-family:"PT Sans Narrow",sans-serif;
  overflow-x:hidden;
  color:#103866
}
.clear {
  clear:both;
  width:100%;
  height:1px;
  background:rgba(0,0,0,0)
}
.container {
  background-color:rgba(255,255,255,.4);
  border-radius:30px;
  border:1px solid rgba(255,255,255,.5);
  box-shadow:10px 10px 30px rgba(0,0,0,.1);
  width:60vw;
  min-width:300px;
  margin:100px auto 50px;
  position:relative;
  text-align:center
}
.container h1 {
  position:absolute;
  top:70px;
  width:100%;
  text-align:center
}
.container .logo {
  width:140px;
  height:140px;
  border-radius:50%;
  overflow:none;
  position:absolute;
  left:calc(50% - 70px);
  top:-70px
}
.container .logo img {
  width:100%;
  height:auto
}
.container h1 {
  margin:0;
  margin-top:15px;
  padding:0;
  font-size:26px
}
.container .tagline {
  top:120px;
  position:relative;
  letter-spacing:1px
}
.container ul.list {
  position:relative;
  width:40vw;
  min-width:220px;
  list-style-type:none;
  margin:0 auto;
  top:140px;
  padding:0;
  min-height:480px
}
.container ul.list li {
  background-color:#9ec2ff;
  border-radius:35px;
  margin:10px 0;
  transition:ease .5s
}
.container ul.list li a {
  text-decoration:none;
  color:#fff;
  font-size:22px;
  display:block;
  padding:14px;
  transition:ease .5s
}
.container ul.list li.yt {
  background:#d00;
  background:linear-gradient(325deg, rgb(221, 0, 0) 0%, rgb(255, 0, 0) 100%)
}
.container ul.list li.ig {
  background:#4365c9;
  background:linear-gradient(145deg, rgb(67, 101, 201) 0%, rgb(200, 55, 171) 33%, rgb(255, 89, 62) 66%, rgb(255, 221, 85) 100%)
}
.container ul.list li.fb {
  background:#17a8fc;
  background:linear-gradient(135deg, rgb(23, 168, 252) 0%, rgb(0, 98, 224) 100%)
}
.container ul.list li.wa {
  background:#57d163;
  background:linear-gradient(135deg, rgb(87, 209, 99) 0%, rgb(36, 179, 59) 100%)
}
.container ul.list li.tg {
  background:#38b0e3;
  background:linear-gradient(135deg, rgb(56, 176, 227) 0%, rgb(29, 147, 210) 100%)
}
.container ul.list li:hover {
  box-shadow:inset 5px 5px 15px rgba(0,0,0,.5),2px 2px 1px #fff
}
.container ul.list li:hover a {
  text-shadow:3px 3px 3px rgba(0,0,0,.5);
  padding:12px 16px 16px 12px
}
.container p a {
  text-decoration:none;
  color:#103764;
  font-weight:bold
}
.container p a .ksmedia {
  margin:5px 0;
  height:20px;
  opacity:.7;
  transition:ease .3s
}
.container p a:hover .ksmedia {
  opacity:1
}