.main {
    vertical-align: middle;
    margin:2%;
    background-color: #3b4252;
    background: conic-gradient(from 0deg ,#3b4252, #3b4252, #434c5e, #4c566a);
    height: max-content;
    padding-bottom: 0%;
    width:70%;
    color:white;
    overflow: none;
    border: 4px dotted #a5bae5;
}
.main:hover {
    border: 4px solid #a5bae5;
}

@keyframes slide {
    0% {
        background-position-x: 0px;
        background-position-y: 0px;
    }
    100% {
        background-position-x: 1920px;
        background-position-y: 1080px;
    }

}
body {
    display:flex;
    justify-content: center;
    align-items: centers;
    background-image: url(assets/background.jpg);
    animation: slide 10s linear infinite;
    /* background-color: rgba(191, 97, 106, 1);
    background: conic-gradient(from 90deg , #8fbcbb, #88c0d0, #81a1c1, #5e81ac); */
}
a:link { color: inherit; text-decoration: none; font-style:italic; }
a:visited { color: inherit; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; font-style:none; }
a:active { color: inherit; text-decoration: none; }
.toolbar {
    text-align: center;
    background-color: #373e4c;
    color:#6e7c99;
    transform: translateY(-20px);
}
.info {
    padding: 4%;
    margin-top: -6%;
    text-align: center;
}
h1:hover {
    font-style: italic;
}
/* bleh */
.blog h1 { 
    color: #a3b9e2;
}
h4 {
    color: #66748e;
}
p {
    color: #d8dee9;
    font-weight:500;
    text-align: justify;
    font-size: 20px;
    line-height: 140%;
    font-family: sans-serif;
}
p span {
    font-weight:800;
    line-height: 160%;
    font-family: monospace;
}