homework/HW13 await paradise (Chat Homework)/style.css

body{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.wrapper{
    
    max-width:800px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#container{
    max-width: 800px;
    height: 800px;
    display: flex;
    flex-direction: column;
    border: 1px solid grey;
    overflow-y: scroll;
    
}
.message{
    font-style: italic;
    font-size: 20px;
    color: blue;
}
.block{
    width: fit-content;
    border: 1px solid grey;
    border-radius: 2%;
    padding: 0 30px;
    margin: 7px 20px;
    box-shadow: 7px 3px 3px grey;
}
p{
    margin: 5px;
}

input{
    max-width: 250px;
    height: 35px;
    margin: 10px;
    font-size: 25px;
    border: 2px solid grey;
    border-radius: 3px;
    box-shadow: 3px 2px 2px grey;
}
#send{
    font-size: 20px;
    height: 39px;
    width: 150px;
    box-shadow: 5px 2px 2px grey;
}
#container::-webkit-scrollbar {
    
    width: 12px;
    background-color: #f9f9fd;
}

#container::-webkit-scrollbar-track {
    background-color: #E8E8E8;
}

#container::-webkit-scrollbar-thumb {
    height: 30px;
    box-shadow: inset 0 0 6px  #223c50;
}