@font-face {
    font-family: boldgood ;
    src: url(./assets/fonts/Roboto-Bold.ttf);
}
@font-face {
    font-family: notbold;
    src: url(./assets/fonts/Roboto-Regular.ttf);
}

body main {
    background-color: rgb(11, 13, 43);
    width: 1200px;
    height: 750px;
    margin: 30px auto;
    background-attachment: fixed;
    border-radius: 20px;
}
body {
    background-image: url(./images/image.png);
    background-size: cover;
}
 .img {
    margin-top: 40px;
    width: 700px;
    height: 500px;

margin-bottom: 99px;
display:flex ;
justify-self: right;
margin: -60px;
margin-left: 450px;
    
}
 .part{
    width: 1000px;
    height: 600px;
    background-color: aliceblue;
    display: flex;
    flex-direction: column;
    margin: 50px auto;
    border-radius: 20px;
    
}
.mainthing {
    display: flex;
    flex-direction:column;
    justify-content: center;
    justify-items: center;
    
}
* {
    font-family: notbold;
}
.mainwriting {
    font-family: boldgood;
    font-size: xx-large;
    display: flex;
    justify-self: left;
    margin-top: 30px;
    color: rgb(11, 11, 24);
    margin-left: 60px;
    
}
.secondrywriting {
    margin: -350px;
    margin-left: 60px;
    color: rgb(36, 36, 36);

}