/* ----------setting the default design */
* {
    font-family: 'Segoe UI', Calibri;
    margin:0.5%;}

html {
    background-color:lavenderblush;
}
pre code {
    background-color: rgb(241, 221, 228);
    color: #333;
    padding: 1em;
    border-radius: 5px;
    font-family: monospace;
    display: block;
    overflow-x: auto;
  }
/* ----------making "title" stand out */
h1 {
    color: rgb(21, 22, 20);
    justify-content: center;
    align-items: top;}

/* ----------making text more inwards */
.centrecontent {
    padding: 1%;
    font-size: 110%;
    margin-left: 4%;
    margin-right: 4%;}

/* ----------rounding various attributes */
.rounded {
    border-radius: 40px;}

/* ----------classes for the header */
.headercontainer {
    display: flex;
    justify-content: space-between;
    text-align: centre;}
.headerleft, .headerright {
    display: flex;
    justify-content: center;
    align-items: top;}

/* ----------underline for the header */
.big-underline {
    background-color: rgb(255, 183, 183);
    display: flex;
    justify-content: center;
    margin-left:20%;
    margin-right:20%;
    padding: 2px 5px;}

/* ----------project displays */
.project-grids {
    background-color: rgb(255, 183, 183);
    flex-wrap:wrap;
    display: flex;
    justify-content: center;}
.project {
    background-color:rgb(250, 241, 244);
    text-align:center;
    padding:1%;
    margin:0.75%;
    color: inherit;
    text-decoration: none;}
.skill {
    border-radius: 8px;
    padding: 2px 5px;
    background-color: rgb(239, 192, 245);
    margin:1%;}
.pink-block{
    background-color: rgb(255, 183, 183);
    margin:1%;
    padding:2%;
    border-radius: 40px}

/* ----------personal section */
.aboutcontainer{
    display: flex;
    justify-content: space-between;
    text-align: centre;
    padding: 2%;}
.abouttext{
    background-color:lavenderblush;
    display: flex;
    justify-content: space-between;
    text-align: left;
    width:70%;
    padding:2%;}
.desctext{
    display: flex;
    background-color:rgb(250, 241, 244);}
.bg-block{
    background-color:rgb(250, 241, 244);
    border-radius: 40px;}
.ability {
    border-radius: 8px;
    padding: 5px 8px;
    background-color: rgb(239, 192, 245);
    margin:0%;}