#plot{cursor:pointer;height:100%;width:100%;opacity:1}.plot-wrapper{box-shadow:0 5px 20px #afd5eb63;border-radius:18px;overflow:hidden;position:relative;border:1px solid #afd5eb66;flex:1;transition:all ease-in-out .2s}.note-wrapper{position:absolute;top:0;padding:10px}.note{font-size:.8em;background-color:#ffffff1a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 30px #0000003b}.plot-wrapper .gh-tags{position:absolute;bottom:0;padding:10px}*{padding:0;margin:0;box-sizing:border-box;color:#000}html{position:relative;overflow-x:hidden}body{display:flex;justify-content:center;overflow-x:hidden;font-size:12pt;margin:0;padding:0;height:100%;width:100%;font-family:Poppins,Helvetica,sans-serif}.app{margin:40px 0;max-width:1000px;gap:40px;display:flex;flex-direction:column}header{display:flex;flex-direction:column;gap:5px}.shifted,header{margin-left:8px}h3{font-size:1.1em;margin-bottom:10px}.ambiance{position:fixed;width:1500px;height:120px;z-index:-1;opacity:1;background:url(/flower.png) no-repeat center center;background-size:cover;background-size:100% 100%;filter:blur(60px) hue-rotate(180deg);opacity:.4}#ambiance-top-left{top:0;left:0;background-position:-700px}#ambiance-bottom-right{right:0;bottom:0;background-position:800px 50px;opacity:.1}h1{font-size:2em;margin-bottom:-2px;margin-top:-10px}h2{font-size:1em;font-weight:400}nav{display:flex;gap:20px}.gradient-descent{grid-column:1 / -1;height:400px;display:flex}.gh{display:grid;grid-template-columns:repeat(2,1fr);gap:1em;align-items:stretch;margin-bottom:1em}.gh-title{font-weight:700;margin-bottom:.2em}.gh-description{font-size:.9em}.gh-link{text-decoration:none}.gh-entry{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:.5em;background-color:#fff;border-radius:18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;padding:15px 20px;border:1px solid #E8EFF9;cursor:pointer;transition:all ease-in-out .1s;overflow:hidden;box-shadow:0 3px 8px #9aaec81a,inset 0 0 20px #afd5eb4d}.gh-entry:hover{transform:scale(1.01);border:1px solid rgb(235,238,250);box-shadow:0 5px 15px #9aaec833,inset 0 0 20px #afd5eb80}.gh-entry:active{transform:scale(.99);box-shadow:0 5px 15px #afd5eb00,inset 0 0 20px #afd5eb80;border:1px solid #afd5eb96}.gh-title-date{display:flex;gap:5px;align-items:center}.gh-date,.gh-hyphen{font-size:.8em}.gh-entry:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/flower.png) no-repeat center center;background-size:1200px 500px;background-position:-300px -30px;z-index:-1;opacity:.3;filter:blur(20px) hue-rotate(180deg);transition:all ease-in-out .4s}.gh-entry:hover:before{opacity:.38;background-position:-380px -40px}.gh-entry:active:before{opacity:.18;background-position:-450px -50px}.gh-tags{display:flex;font-size:.7em;gap:5px;flex-wrap:wrap}.gh-tag{display:flex;align-items:center;background-color:#000;color:#fff;padding:.1em .5em;border-radius:6px}@media (max-width: 1100px){html,body{font-size:12pt}.gh{grid-template-columns:repeat(2,1fr)}.app{max-width:unset;margin:40px}}@media (max-width: 700px){.app{margin:30px 20px;gap:30px}html,body{font-size:10pt}.gh{grid-template-columns:repeat(1,1fr)}}