body{
    background-color: coral;
    font-family: sans-serif;
}
header{
    margin-left: 80px;
    display: inline-flex;
    width: 100%;
}
ul{
    display: inline-flex;
    font-size: 15px;
    margin-left: 350px;
}
li{
    display: inline-flex;
    padding: none;
    height: 60px;
    margin-left: 90px;
}

ul li a{
    font-size: 3em;
    margin: right 8em;
    color: black;
    text-shadow: 0 0 8px white;
    box-shadow: 10px 05px 05px red;
    border-radius: 1em;
}
span{
    font-weight: bold;
    font-size: 50px;
    border-bottom: 2px solid;
    margin-top: 10px;
}
strong{
    color: blue;
}
p{
    width: 40px;
    margin-top: 50px;
    padding-top: 5px;
}
h5{
    color: red;
    background-color: white;
    border-radius: 8px;
    width: 8px;
    padding: 10px;
}
h5 a{
    text-decoration: none;
    color: red;
}
.row .col:nth-child(1) .skill{
    background: conic-gradient(red 65%, transparent 0);
}
.row .col:nth-child(2) .skill{
    background: conic-gradient(red 45%, transparent 0);
}
.row .col:nth-child(3) .skill{
    background: conic-gradient(red 40%,transparent 0);
}
.row .col:nth-child(4) .skill{
    background: conic-gradient(red 55%, transparent 0);
}
.row .col .skill::before{
    content: '';
    position: absolute;
    width: 85%;
    height: 85%;
    background: red(255, 193, 193);
    border-radius: 50%;
    -webkit-border-radius: 50% ;
    -moz-border-radius: 50% ;
    -ms-border-radius: 50% ;
    -o-border-radius: 50% ;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0,5); inset;
                5px 5px 15px rgba(0, 0, 0, 5)inset:             
}