static/Dashboard.css

body{
    background-image:url("../static/Images/Background.jpg");
    background-repeat: no-repeat;
  background-size: cover;
}
.title{
    display:flex;
    flex-direction:row;
    align-items: center;
}
.title img{
    width: 250px;
    height: 250px;
    margin-right: 170px;
    margin-left: 280px;
    margin-top: 20px;
}
.title h1{
    white-space: nowrap;
    font-size: 70px;
    color:rgb(80, 80, 80);
}

.p1{
    width: 380px;
    height: 220px;
    border: 2px solid rgb(139, 138, 138);
    padding-top: 10px;
    padding-bottom: 10px;
    
}
.p2{
    width: 240px;
    height: 220px;
    border: 2px solid rgb(139, 138, 138);
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 240px;
   
}
.p3{
    width: 240px;
    height: 220px;
    border: 2px solid rgb(139, 138, 138);
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 10px;
    padding-bottom: 10px;

    
}
.p4{
    width: 230px;
    height: 220px;
    border: 2px solid rgb(139, 138, 138);
    padding-left: 85px;
    padding-right: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 250px;
    
}
.con1{
    display: flex;
    flex-direction: column;
    margin-left: 400px;
}
.trd2{
    margin-top: 20px;
}

.trdl h2{
    white-space: nowrap;
    font-size: 30px;
    color:rgb(28, 29, 29)
}

.trd2 h2{
    white-space: nowrap;
    font-size: 30px;
    color:rgb(28, 29, 29)
}
.buttonc, .buttonc1{
    margin-top: 40px;
    white-space:nowrap;
}
.buttonc a{
    display: inline-block;
    color: white;
    background-color: rgb(85, 81, 81);
    padding: 10px 20px;
    border-radius: 5px;
  text-decoration: none;
  font-size: 18px;
}
.buttonc1 a{
    display: inline-block;
    color: white;
    background-color: rgb(85, 81, 81);
    padding: 10px 20px;
    border-radius: 5px;
  text-decoration: none;
  font-size: 18px;
}
.pic{
    white-space: nowrap;
    display: flex;
    flex-direction: row;
   
}
.pic1{
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    
}
.tc1{
    display: flex;
    flex-direction: row;
    margin-bottom:-30px;
}
.tc2{
    display: flex;
    flex-direction: row;
}
.texts1{
    width:400px;
    word-wrap: break-word;
}
.texts2{
    width:400px;
    word-wrap: break-word;
    margin-left: 220px;
    
}
.texts3{
    width:400px;
    word-wrap: break-word;
    min-width: 400px;

}
.texts4{
    width:400px;
    word-wrap: break-word;
    margin-left: 220px;
    
}
.button1{
    margin-left: 50px;
}
.button2{
    margin-left: 350px;
}
.button3{
    margin-left: 50px;
}
.button4{
    margin-left: 380px;
}