$mycolor1: green;
$mycolor2: blue;
$mycolor3: grey;
$myFontSize: 55px;
$myFontSize1: 7px;
$thinBorder: 4px solid $mycolor2;
$thickBorder: 15px solid $mycolor1;
$paddingVar: 20px 15px 20px 15px;
$myFont: gothic;
$myFont1: arial;
$stringVar: " that loves video games";
$stringVar1: " 35 out of the games in my collection to 100%";


h1{
    color:$mycolor1;
    font-family: $myFont;
}

h2{
    color:$mycolor2;
    font-size: $myFontSize;
}

h3{
    color: $mycolor3;
    font-family: $myFont1;    
}

.sys{
    font-size: $myFontSize;
    border: $thinBorder;
    padding: $paddingVar;
}

.sys:after{
        content:$stringVar;
}

.comp{
    font-size: $myFontSize1;
    border: $thickBorder;
    padding: $paddingVar;
    
}
.comp:after{
    content:$stringVar1;
}