@font-face {
    font-family: brainflowers;
    src: url("BrainFlowers.ttf");
}
:root{
    --main-color : white
}
* {
    color: #441151;
    font-family: "NTR", sans-serif;
    font-size: large;
}
code{
    color:black;
    font-size: 20px;
}
nav {
    background-color: #FFE66D !important;
    color: var(--main-color) !important;
    border-radius: 0px 0px 20px 20px;
    margin-right: 0.5rem !important;
}
h1 , h3{
    font-family: brainflowers;
    color: #FAA4BD !important;
}
th,td{
    padding: 5px 20px;
    border: 1px solid black;
}
.container-fluid{
    margin-left: 3rem !important;
}

body{
    /*background-image: url("electricity.gif");*/
    background-size: 100%;
    background-color: var(--main-color);
    background-blend-mode: difference;
}
@keyframes Rotate {
    from {
        rotate: 0deg;
    } 
    25% {
        rotate: 90deg;
    }
    50% {
        rotate: 180deg;
    }
    75% {
        rotate: 270deg;
    }
    to {
        rotate: 360deg;
    }
    
}

.rotate{
    animation: Rotate 3s linear infinite;
}
.compile{
    width: 10vw;
    padding: 10px 0;
    font-weight: 600;
    background-color: #E3F2FD;
    border: 2px solid #5DB7DE;
}
.compile strong , .compile span{
    color: #5DB7DE;
}
.compile:hover{
    background-color: #E3F2FD49;
}
input , textarea , .code-interpreter{
    width: 50vw !important;
    overflow: scroll;
}
.highlighted{
    background-color: rgb(163, 23, 23);
}
::-webkit-scrollbar {
    width: 10px;
  }
    ::-webkit-scrollbar-track {
    background: var(--main-color); 
  }
    ::-webkit-scrollbar-thumb {
    background: var(--main-color); 
      border-radius:10px;
  }
  ::-webkit-scrollbar-thumb:hover {
    
    background: #FAA4BD; 
  } 
  .btn-toolbar button{
    cursor:default !important;
  }
  @media only screen and (max-width: 750px) {
    nav{
        margin-right: 1rem !important;
    }
    .container-fluid{
        margin-left: 1rem !important;
        /*flex-direction: row-reverse*/
    }
    nav  h3{
        font-size : 5vw;
    }
    .compile {
        width: 35vw;
    }
    input , textarea{
        width: 80vw !important;
    }
  }