body{
    background-image: url("../../Images/Background/world.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

}
font-face{
    font-family: Grenze;
    /*src: url("../Fonts/Grenze-LightItalic.ttf");*/
}
#Window{
    margin-top: 20px;
    margin-bottom: 20px;
}

#F_Tile{
    min-height: 800px;
    text-align: left;
    
}

#S_Tile{
    height: 550px;
    line-height: 215%;
}

@media screen and (max-width: 370px) {
    #S_Tile{
        min-height: 620px;
    }
}
.Ts{
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    background: #fff;
    border-radius: 5px;
}

#Pic{
    text-align: center;
    border: 1px solid #6c757d;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-top: 10px;
    background-image: url("../../Images/Me/logo.jpg");
    background-size: cover;
}
#Name{
    font-family: Grenze;
}
#Accounts,i{
    padding-right: 5px;
    transition: all 1s;
    font-size: 26px;
}
#Accounts,i:hover{
    transition: all 1s;
    transform: rotate(360deg);
}

#A_Icon{
    width: 29px;
    height: 27px;
    background-image: url("../../Images/icon/yin-yang.png");
    background-repeat: no-repeat;
    position: absolute;
    left: 5px;
    top: 5px;
    -webkit-animation: Icon_Rotate 4s infinite;
}

@keyframes Icon_Rotate {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(359deg);
    }
}
/*-------------------------------------------------------*/

hr.type_10 {
    border: 0;
    height: 55px;
    background-image: url("../../Images/hr/Line.png");
    background-repeat: no-repeat;
}

.py-5{
    text-align: center;
}
#Html{list-style-image: url("../../Images/icon/Htmll.png");}
#Css{list-style-image: url("../../Images/icon/Css.png");}
#Bootstrap{list-style-image: url("../../Images/icon/Bootstrapp.png");}
#JavaScript{list-style-image: url("../../Images/icon/JavaScript.png");}
#Juery{list-style-image: url("../../Images/icon/Jquery.png");}
#Ajax{list-style-image: url("../../Images/icon/Jquery.png");}
#Php{list-style-image: url("../../Images/icon/Php.png");}
#MySQL{list-style-image: url("../../Images/icon/MySQLL.png");}
#Angular{list-style-image: url("../../Images/icon/Angular.png");}
#Wordpress{list-style-image: url("../../Images/icon/Wordpress.png");}
#Prestashop{list-style-image: url("../../Images/icon/Prestashop.png");}
#C++{list-style-image: url("../../Images/icon/C++.png");}
#Cs{list-style-image: url("../../Images/icon/Cs.png");}
#Python{list-style-image: url("../../Images/icon/Python.png");}
#SQL{list-style-image: url("../../Images/icon/SQLL.png");}
#Network{list-style-image: url("../../Images/icon/Network.png");}
#Mcitp{list-style-image: url("../../Images/icon/Software.png");}
#A{list-style-image: url("../../Images/icon/Network.png");}
#Security{list-style-image: url("../../Images/icon/Security.png");}
#Wptc{list-style-image: url("../../Images/icon/Security.png");}
#Ceh{list-style-image: url("../../Images/icon/Security.png");}
#Photoshop{list-style-image: url("../../Images/icon/Photoshopp.png");}
#Windows{list-style-image: url("../../Images/icon/Windows.png");}
#Lpic{list-style-image: url("../../Images/icon/Linux.png");}
#Git{list-style-image: url("../../Images/icon/Git.png");}
#Algorithm{list-style-image: url("../../Images/icon/Algorithm.png");}
ul>li{
    margin-left: 100px;
}

fieldset{
    border: 3px solid #cacaca;
    margin: 30px;
    border-radius: 20px;
    transition: 1s;
}
legend{
    width: 80px;
    text-align: center;
}
fieldset:hover{
    transition: 2s;
    border-color: #1F5869;
}
.Three_Co{
    column-count: 3;
}