*{
    margin: 0;
    padding: 0;
    list-style: none;
}
@font-face { font-family: "BIRTH OF A HERO"; src: url('./Resource/BIRTH_OF_A_HERO.ttf'); } .StrongText{
    font-family: "BIRTH OF A HERO";
    font-size: 70pt
}
.StrongText:hover{
    font-family: "BIRTH OF A HERO";
    font-size: 70pt;
    text-shadow: 0 0 15px #7bae41;
}

buttons{
    display: subgrid;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: #000000;
    padding-top: 100px

}
body{
    display: flex;
    height: 110vh;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #000000;
}
.Description{
    display: grid;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    padding: 50px;
}
#Description-Title{
    visibility: visible
}

.Description-Social{
    visibility: hidden
}
.VCF:hover + #Description-VCF{
    visibility: visible
}
.GIT:hover + #Description-GIT{
    visibility: visible
}
.LI:hover + #Description-LI{
    visibility: visible
}
.IG:hover + #Description-IG{
    visibility: visible
}
.fab{
    color: #000000;
    cursor: crosshair
  }
.list-center{
    display: flex;
    flex-wrap: wrap;
    justify-content: center

}
ul li{
    position: relative;
    display: block;
    color: #666;
    font-size: 75px;
    height: 150px;
    width: 150px;
    align: center;
    background: #ffffff;
    /*opacity: 0.9;*/
    line-height: 150px;
    border-radius: 50%;
    padding-bottom: 0px;
    margin: 15px 15px;
    cursor: crosshair;
    transition: .9s;
}
ul li:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: inherit;
    width: inherit;
    color: #666;
    /* color: #F07320; */
    /* background: #636363; */
    border-radius: 50%;
    transform: scale(.9);
    z-index: -1;
    transition: .2s;
    opacity: 0.3

}

ul li:hover{
    box-shadow: 0 0 20px #FFFFFF;
    
}

ul li:hover:before{
    filter: blur(2px);
    transform: scale(1.0);
    padding-bottom: 0px;
    opacity: 0.9

  /* box-shadow: 0 0 15px #d35400; */
}

ul li:active{
    opacity: 1.0
}
/* End Global Styles##
##Start Domain Specific Styles*/


.VCF{
    align: center;
    opacity: 0.9;
    transition: 0.7s;
}
.VCF:active{
    font-size: 105px;
    align: center;
    transition: 0.2s;
}
.VCF:before{
    background: #7bae41;
}
.VCF:hover{
    color: #7bae41;
    text-shadow: 0 0 15px #7bae41;
}
.VCF:hover:before{
    box-shadow: 0 0 15px #7bae41;}


.GitHub{
    align: center;
    opacity: 0.9;
    transition: 0.7s;
}
.GitHub:active{
    font-size: 105px;
    align: center;
    transition: 0.2s;
}
.GitHub:before{
    background: #675994;
}
.GitHub:hover{
    color: #675994;
    text-shadow: 0 0 15px #675994;
}
.GitHub:hover:before{
    box-shadow: 0 0 15px #675994;}


.LinkedIn{
    align: center;
    opacity: 0.9;
    transition: 0.7s;
}
.LinkedIn:active{
    font-size: 105px;
    align: center;
    transition: 0.2s;
}
.LinkedIn:before{
    background: #0077B5;
}
.LinkedIn:hover{
    color: #0077B5;
    text-shadow: 0 0 15px #0077B5;
}
.LinkedIn:hover:before{
    box-shadow: 0 0 15px #0077B5;}


.Instagram{
    align: center;
    opacity: 0.9;
    transition: 0.7s;
}
.Instagram:active{
    font-size: 105px;
    align: center;
    transition: 0.2s;
}
.Instagram:before{
    background: #E1306C;
}
.Instagram:hover{
    color: #E1306C;
    text-shadow: 0 0 15px #E1306C;
}
.Instagram:hover:before{
    box-shadow: 0 0 15px #E1306C;
}