body {
    background: #f2b6ce;
    background: radial-gradient(circle, rgba(255, 209, 227, 1) 0%, rgba(247, 176, 204, 1) 100%);
    position: relative;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    background-attachment: fixed;
}

.bg {
  position: fixed;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  background: transparent url('http://assets.iceable.com/img/noise-transparent.png') repeat 0 0;
  background-repeat: repeat;
  animation: bg-animation .2s infinite;
  opacity: .9;
  visibility: visible;
}

@keyframes bg-animation {
    0% { transform: translate(0,0) }
    10% { transform: translate(-5%,-5%) }
    20% { transform: translate(-10%,5%) }
    30% { transform: translate(5%,-10%) }
    40% { transform: translate(-5%,15%) }
    50% { transform: translate(-10%,5%) }
    60% { transform: translate(15%,0) }
    70% { transform: translate(0,10%) }
    80% { transform: translate(-15%,0) }
    90% { transform: translate(10%,5%) }
    100% { transform: translate(5%,0) }
}


.container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    width: 540px;
}

.nav {
    margin-left: auto;
    margin-right: auto;
    width: 540px; 
}

a {
    text-decoration: none;
    color: #df729a;
    font-family: 'Afacad';
    font-size: 21px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    transition: color 0.5s ease-in-out;
        text-shadow: 1px 1px 0 #ff94dc
    
}
a:hover {
    color:#F77FB9;
    text-shadow: 1px 1px 20px #d52b83;
    
    
}

h1 {
    text-align-last: center;
    font-family: 'alata';
    font-size: 30px;
    color: #F77CB8;
    font-weight: 400;
    text-shadow: 1px 1px 0px #aa056a;
    transition: transform .4s
}

h1:hover{
    transform:scale(1.1);
}

h2 {
    text-align: center;
    font-family: 'Alata';
}


.SMN_effect-15 a:before, .SMN_effect-15 a:after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.SMN_effect-15 a:before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.SMN_effect-15 a:after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.SMN_effect-15 a:hover:before, .SMN_effect-15 a:hover:after, .SMN_effect-15 a:focus:before, .SMN_effect-15 a:focus:after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

img{
    transition: transform .5s;
}
img:hover{
    transform:scale(1.1);
}

p {
    font-family: 'Afacad';
}

.hi a:hover {
    letter-spacing: 1.5px !important;
    transition: all 0.5s ease;
}

.hi a {
    padding-left: 0 !important;
    transition: all 0.5s ease;
}
.hi div {
    display: flex !important;