:root{--pink:#ff85a3;--turquoise:#108e8e;--blue:#1300FF;--pink-h:#fa8aa6}.inside,.layout-shout{display:flex;width:100%;height:100%}.layout-shout{justify-content:center;align-items:center;flex-direction:column}.layout-shout h3{font-family:Overpass,sans-serif;color:var(--pink)}.layout-shout h1{font-family:Jockey One,sans-serif;font-size:4em;color:white}.content-section{width:100%;height:100%;padding:3em;overflow:auto}.content-section,.heading{display:flex;flex-direction:column}.heading{color:var(--blue);font-family:Jockey One,sans-serif}.heading h1{font-size:2.5em}.heading h3{font-size:1.5em;color:var(--pink);font-weight:400;font-style:italic}.img-profile{width:200px;height:auto}.profile{display:flex;flex-direction:row;margin:2.5em}.column-about{margin-top:7%;margin-left:2em;display:flex;flex-direction:column}.column-about h3{font-size:3em;color:var(--pink);font-family:Jockey One,sans-serif}.icon-container{margin-top:.5em;display:flex}.icon-container>:not(:first-child){padding-left:1em}.icon{height:30px;width:30px}.icon svg{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.icon:hover svg circle,.icon:hover svg g,.icon:hover svg path,.icon:hover svg rect{fill:var(--blue)}.icon svg circle,.icon svg g,.icon svg path,.icon svg rect{fill:white}.info-p{font-family:Overpass,sans-serif;font-optical-sizing:auto;font-style:normal;color:#f9f9f9}.info-p p{margin-top:1.5em}.info-p p a:link{color:var(--pink-h)}.info-p p a:visited{color:var(--turquoise)}.info-p p a:link:hover{background:#481a26}.info-p p a:visited:hover{background:var(--pink-h)}.description p a:active,.info-p p a:active{background:#ffd5df;color:#fa8aa6}.blog-page h1{color:white;font-family:Jockey One,sans-serif}.blog-page{flex:7 1}.blog-details{font-family:Overpass,sans-serif;font-optical-sizing:auto;font-style:normal;color:rgb(211,211,211);margin-top:.5em;margin-bottom:.5em;flex:7 1}.blog-page ol{list-style-position:inside;padding-left:1em}.blog{flex-direction:row;display:flex;position:relative}.blog-archive{flex:3 1;margin-left:2em;position:-webkit-sticky;position:sticky;top:10%}.blog-archive h2{color:white;font-family:Jockey One,sans-serif}@media (max-width:768px){.layout-shout h1{font-size:2.5em}.layout-shout h3{font-size:.9em}.layout-shout,.profile{margin-top:1em}.profile{margin-bottom:1em;display:flex;flex-direction:column;align-items:center}.column-about{margin:0}.column-about h3{font-size:2em;text-align:center}.blog{flex-direction:column}.blog-archive{margin-left:0;margin-top:1em}}