@charset "utf-8";
/* CSS Document */
html{scroll-behavior: smooth;}
#progress {
    position: fixed;
    bottom: 20px;
    right: 10px;
    height: 56px;
    width: 56px;
    display: none;
    place-items: center;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    background-color: aquamarine;
}
#progress-value {
    height: calc(100% - 15px);
    width: calc(100% - 15px);
    background-color: hsla(220, 100%, 100%, 1.00);
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 35px;
    color: #001a2e;
}
#progress { 
  display: grid;          /* (display:none yerine) */
  visibility: hidden;     /* başlangıçta gizle */
  opacity: 0;
  pointer-events: none;
}

#progress.show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* ikon hizası */
#progress-value i{
  display: block;
  line-height: 1;
}
.oklar {
    color: hsla(212,100%,25%,1.00);
}