* {
    box-sizing: border-box;
    font-family: Manrope, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

body {
      /* background: linear-gradient(135deg, rgb(0, 0, 0), rgb(48, 25, 52), rgb(97, 67, 133), rgb(186, 85, 211));  */
  background-image: url('../images/BG_Portfolio.png');
  background-size: contain;  
}

main {
    margin: 2rem;
    padding: 1rem;
    border: 1px solid #fff;
    border-radius: .5rem;
    color: #fff;
}

a {
    text-decoration: underline;
    color: #fff;
}

a:hover {
    font-weight: 800;
}

h3 {
    margin: 0;
}

@media screen and (min-width:768px){
    .main {
        padding: 2rem 4rem;
        margin: 3rem 4rem;
        position: relative;
    }

}


body::-webkit-scrollbar {
    width: 1rem;
}

body::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
    background-color: #ba55d3;
    border-radius: 10px;
    border: 2px solid #fff;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #5c1f9b;
}



@media screen and (min-width:768px){
body {
  background-size: auto 1324px;
}
}