<script src="https://utteranc.es/client.js"
repo="sofijacom/sofijacom.github.io"
issue-term="pathname"
label="✨💬 Coments✨"
theme= "boxy-light"  /* github-dark, dark-blue, github-dark-orange, icy-dark, github-light, boxy-light, gruvbox-dark, photon-dark, preferred-color-scheme */
crossorigin="anonymous"
async>
</script>

<style>
.utterances {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 760px;
    margin-left: 0;   /* auto */
    margin-right: 0;  /* auto */
   /* border-radius: 20px; */
  /*  background-color: #12122042; */
}
.utterances-frame {
    color-scheme: auto; /* light-dark */
    position: absolute;
    left: 0;
    right: 0;
    width: 1px;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    border: 0.20em double #4c4f69;     /*  border: 1px solid #4c4f69;  /  border: .2rem ridge #00aaff; */
    border-radius: 20px;  
}    
</style>
