:root{
    --accent: rgb(26,122,247);
    --orange: rgb(209, 146, 52);
    --black: black;
    --white: white;
}
body
{
    font-family: 'monospace';
    color: white;
    background: var(--black);
}
h2 {
    color:var(--orange);
}


#box{
    background: rgba(41, 40, 40, 0.515);
    color: white;
    padding: 20px;
    /* margin: 20px; */
    margin : 20px auto 20px auto;
    border:solid var(--accent);
    border-radius: 50px;
    /* width:300px; */
    margin-left:auto;
    margin-right:auto;
    position:relative;
    max-width:500px;
    min-width:200px;
}

.text-center {
    text-align:center;
}
hr {
    border: 1px solid var(--white);
}

img.profile {
    margin-left:auto;
    margin-right:auto;
    display:block;
    
}

.border-round
{
    border-radius: 50px;
}
.container
{
    padding:20px;
    background:hsla(214, 84%, 49%, 0.575);
    border: solid white 1px;
    margin: 40px;
}

.flex{
    display:flex;
     /* gap:20px; */
     justify-content:space-evenly;
     margin-left: auto;
     margin-right:auto;
}

.row {
    flex-direction:row;
}


.skill {
    background-color: rgb(205, 228, 209);
    margin:10px;
    border: solid white 1px;
    padding: 30px;
}

a {
    color:lightblue;
    text-decoration: none;

}

a:hover {
    color:rgb(72, 152, 178);
}