body {
  height:auto;
  display:flex;
  flex-direction: column;
}
main {
    padding:0 100px;
    flex:1;
}
.stock-list-wrapper {
    text-align:center;
    min-height:600px;
    height:100%;
    padding:20px 100px;
}
.stock-list-wrapper form {
    height:50px;
}
.stock-list {
    background-color:#ecf1f35d;
    padding:30px 10px;
    border-radius:5px;
    height:auto;
    margin-bottom:30px;
    min-height:400px;
}
.stock-btns {
    float:right;
    height:30px;
    width:auto;
}
.stock-id-input {
    border-radius:1px;
    border:1px solid #262020;
    margin-right:10px;
    height:40px;
    width:200px;
    font-size:20px;
    padding:0 3px;
}
.stock-id-input::placeholder {
    font-size:15px;
}
.stock-submit {
    background-color:#5b5b5b;
    color:#ffffff;
    border:none;
    height:40px;
    padding:0 10px;
    border-radius:3px;
    cursor:pointer;
}
.heading {
    margin:0 20px;
    margin-bottom:30px;
}
.stock {
    display:flex;
    padding:15px 0;
    margin:0 3px;
    height:70px;
    font-size:20px;
    width:100%;
    align-items:center;
    justify-content: space-between;
}
.stocks {
    width:96%;
}
.delete-btn {
    color:red;
    transition: all 1s;
}
.delete-btn:hover {
    opacity:0.7;
}
.stock-a {
    display:flex;
    height:100%;
    align-items:center;
    justify-content: space-between;
}
.stock-left {
    display:flex;
    justify-content: start;
}
.stock-right {
    display:flex;
    justify-content: end;
}
.stock-left div, .stock-right div {
    margin-left:10px;
}
.not-login-wrapper {
    height:200px;
}
.not-login-wrapper h2 {
    margin-top:200px;
    color: #030303;
}
.not-login-wrapper a {
  color: -webkit-link;
  text-decoration: underline;
}
.a {
    color:green;
}
.b {
    color:red;
}
.stocks-name-size {
    font-size:15px;
}
.not-list-wrapper {
    height:200px;
    color:#757575;
}
.not-list-wrapper h2 {
    margin-top:100px;
}