* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    width: 95%;
    margin: 0 auto;
    text-align: center;
    border-radius: 1%;
    background-color: #000000;
}

.position {
    display: flex;
    justify-content: space-around;
    gap: 20px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #131b63;
    border-radius: 20px;
}

.wrapper {

    min-height: 94vh;
    margin-top: 20px;
    border-radius: 16px;
}

.pages,
.portfoliotxts {
    background-color: #3c24d7;
    border-radius: 6px;
}
.pages{
    border: 1px solid black;
}

.pages {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
    padding: 15px;
    overflow-x: hidden;
    height: 500px;
    overflow-y: scroll;
    scroll-behavior: smooth;
}
.page{
    margin-bottom:15px;
}


.portfoliotxts {
    flex: 1;
    margin-top: 20px;
    padding: 15px;
}

.portfoliotxt {
    margin-top: 20px;
}

h1 {
    font-size: 30px;
    color: #ffffff;
}

h2 {
    color: #ffffff;
}

.portfoliotxtp {
    color: #bd97e2;
    padding: 20px;
    margin-top: 10px;
}

::-webkit-scrollbar{
    width: 15px;
    
}
::-webkit-scrollbar-track{
    background-color: #7e77fe;
        border-radius: 20px;
}
::-webkit-scrollbar-thumb{
    background-color: #d9d348;
        border-radius: 20px;
}