.new-project-page-layout{
    height: calc(100% - 80px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.new-project-header{
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #bbb;
    padding: 0 20px;
}

.new-project-header-container{
    width: 920px;
    height: 100%;
    display: flex;
}

.new-project-central-wrapper{
    display: flex;
    flex-direction: column; 
    height: 100%;
    gap: 50px;
    margin-top: 200px;
}

.new-project-titles-container{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}

.new-project-btns-container{
    display: flex;
    gap: 20px;
}

.new-project-btn{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 230px;
    width: 290px;
    border: 2px solid #bbbbbb;
    border-radius: 10px;
    gap: 20px;
    padding: 10px;
}

.new-project-btn:hover{
    border: 2px solid var(--ast-global-color-8);
}

.new-project-icon{
    font-size: 60px;
    color: #bbbbbb;
}

.new-project-blur-bg{
    filter: blur(4px);
    -webkit-filter: blur(4px);
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.2);
}