.title-1{
    color: rgb(93, 93, 255);
    font-size: 50px;
    background-color: rgb(0, 67, 1);
}

.title-1:hover{
    color: rgb(255, 255, 255);
    background-color: rgb(255, 0, 0);
}

.title-2{
    color: red;
    font-size: 50px;
    opacity: 0.5;
    background-color: rgb(255, 255, 0);
    margin-bottom: 50px;
}

.butten1{
    background-color: rgb(255, 204, 0);
    color: rgb(0, 102, 145);
    font-size: 20px;
    text-align: center;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

h3{
    color: peru;
}

h5{
    color: rgba(78, 167, 167,0.3);
}

h6{
    color: rgb(4, 180, 4);
}

ul,p{
    color: rgb(180, 4, 145);
    margin-bottom: 50px;
}

p{
    font-size: 20px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    text-decoration: dashed;
}

div{
    border: 2px solid black;
    text-align: center;
    padding: 10px;
    margin: 10px;
    width: 1450px;
    height: auto;
    padding: 20px;
}

.div1{
    border: 2px dashed red;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    width: 300px;
    height: auto;
    margin-bottom: 50px;
}

.div2{
    border: 2px solid blue;
    font-weight: bold;
    text-align: center;
    padding-right: auto ;
    margin-left: auto;
    width: 300px;
    height: auto;
}

.div3{
    border-bottom: 2px solid rgb(19, 113, 0);
    font-weight: bold;
    text-align: center;
    width: 1450px;
    height: auto;
}

.butten{
    background-color: rgb(255, 0, 0);
    color: white;
    font-size: 20px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.butten:hover{
    background-color: rgb(0, 64, 255);
    color: rgb(255, 196, 0);
}

.butten1:hover{
    background-color: rgb(0, 255, 34);
    color: rgb(255, 0, 238);
}

.ele1{
    display: flex;
    justify-content: center;
    gap: 20px;
}