.header{
    text-align: center;
    margin: 0%;
    background-color: rgb(17, 101, 212);
    padding: 5.5vw;
}
.mode-changer{
    margin-left:89vw;
    position: fixed;
}
.mode-btn{
    display: flex;
    text-align: center;
  
}
.mode-btn button{
   margin-bottom: 0%;
    border-radius: 1.3vw;
    font-size: 1vw;
    font-weight: 600;
    padding: .5vw;
    margin-left: 1vw;
}
.mode-btn-dark{
    background-color: black;
    color: white;
    border: 2px solid rgb(85, 80, 80);
    box-shadow: 1px 2px 15px rgb(14, 13, 13);
}
.mode-btn-light{
    color: rgb(28, 27, 27);
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 2px 15px white;
    border: 2px solid rgb(97, 94, 94);
}
.why{
    background-color: rgb(233, 233, 231);
    padding:5vw;
}
.contect{
    background-color: rgb(233, 233, 231);
}
.terminal-container{
    display: flex;
    margin: 3vw;
    
    
}
.terminal{
    background-color: rgb(233, 233, 231);
    height:17vh;
    width: 40vw;
    text-align: center;
    margin: 2vw;
    padding:1vw;
    border-radius: 1.5vw;
    border: 2px solid rgb(117, 117, 117);
    box-shadow: 1px 1px 30px rgb(63, 63, 63);
}
.terminal2{
    background-color: rgb(233, 233, 231);
    height: 17vh;
    width: 40vw;
    text-align: center;
    margin: 2vw;
    padding:1vw;
    border-radius: 1.5vw;
    border: 2px solid rgb(117, 117, 117);
    box-shadow: 1px 1px 30px rgb(63, 63, 63);
}