:root{
        --enfasis:#8dc345;
        --light:#d4e8a8;
}
html {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    box-sizing: border-box;
}
body{
    display: flex;
}
main{
    margin: 1rem;
    margin-left: 16rem;
    font-size: 1.5rem;
}
a.pyc-color:hover{
    color: var(--light);
}
i{
    font-size: 1.5rem!important;
}
nav{
    position: fixed;
}

.bold{
    font-weight: bold;
}
.btn-pyc{
    background-color: var(--enfasis)!important;
    color:white!important;
}
.btn-pyc::hover{
    border-color: var(--light)!important;
}
.pyc-color{
    color:var(--enfasis);
}
.pyc-color-light{
    color:var(--light);
}
.pyc-color i {
    font-size: 1.5rem;
    text-decoration: none;
}
h1{color:red;}
button.btn-outline-secondary,div a.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--light);
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--enfasis);
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: var(--light);
    --bs-gradient: none;
    --bs-btn-bg: var(--enfasis);
    --bs-btn-color: #fff;
  }

.not-visible{
    display: none;
  }
.result-card{
    width:50%!important;
    box-shadow: 0 px 8 rgba(0,0,0,0.25);
    transition: 0.5s;
    border-radius: 7px;
    padding: 15px 15px;
}
.item{
    text-decoration: none;
}
img.code-img{
    width: 50px;
    border-radius: 50%;
    
}
.code{
    margin-left: 7rem;
}