:root{
    --bgColor:#000000;
    --textColor:#FAF9F6;
    --acColor1:#6EA4BF;
    --acColor2:#4F4789;
}

body{
    background-color: var(--bgColor);
    color:var(--textColor);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

img{
    border-radius: 10em 10rem;
    
}

#wrapper{
    display:flex;

}

#infoSection{
    margin-right:1rem
}

#pictureSection{
    margin-right:2.5rem;
}

h3{
    text-decoration: underline;
    text-decoration-color:var(--acColor1);
    text-decoration-thickness: 0.25rem;
}

a{
    color:var(--textColor)
}

a:hover{
    color:var(--acColor1);
}

@media screen and (max-width: 768px) {
    #wrapper {
      /*display property will be overriden as any class further inside this scope*/
      display: block;
    }
    img{
        width:75%;
        height:75%;
    }
}