.profile_pic{width:16rem;height:16rem;border-radius:50%;object-fit:cover;overflow:hidden;margin:0 0 0 auto}.profile_box{display:flex}ul{margin-top:.5rem;margin-bottom:.5rem}li p{font-size:.9rem;margin-bottom:.5rem}.home_project_title{text-decoration:underline}.home_project_title:hover{color:var(--hover-color)}.icons{grid-column:2/3;grid-row:2/3;font-size:2rem;margin:6rem 1rem 0 auto;display:flex;justify-content:end}.icons,i:hover{color:var(--hover-color)}.hi{color:var(--hover-color);animation:color-cycle 8s infinite}.hi:hover{color:var(--button-color);animation:none}@keyframes color-cycle{0%{color:var(--hover-color)}33%{color:var(--button-color)}80%{color:var(--border-color)}to{color:var(--hover-color)}}.view_all{font-family:var(--opensans);font-size:.8rem;margin:0 auto;background-color:var(--button-color);border-radius:5px;padding:.1rem .3rem;color:#000}.view_all:hover{background-color:var(--button-hover-color)}.introduction{margin:0;grid-column:1/2;grid-row:1/3;display:flex;flex-direction:column}.projects{margin-top:1rem;font-size:1rem;color:var(--word-color2)}.home_content{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1.2fr 1fr;margin-top:1rem}@media (max-width: 600px){.home_content{grid-template-columns:1fr;grid-template-rows:1fr 2fr .5fr}.introduction{grid-row:2/3;margin:0 auto}.icons{grid-column:1/2;grid-row:3/4;margin:2rem auto}.profile_box{grid-column:1/2;grid-row:1/2}}.article-box{border:var(--border-color) solid 2px;padding:1rem;border-radius:5px;margin:1rem 0}.article-box:hover{text-decoration:underline}.article-preview{font-size:.9rem}.article-box-head{margin-bottom:.5rem}.date-and-read-time{font-weight:400;font-size:.65em}.article-title{margin-bottom:.5rem;color:var(--word-color2)}.back{font-weight:100;font-size:1rem;margin:1rem 0;text-decoration:underline;color:var(--word-color)}.back.end_back{margin:2rem;display:flex;flex-direction:row-reverse}.back:hover{color:var(--hover-color)}.article_title{font-size:1.5rem;font-weight:400;margin:1rem 0 0 0 0}.date,.reading_time{font-weight:400;font-size:.8rem}.content{margin-top:3rem}.content p{margin:1rem 0;line-height:1.8}math{color:var(--word-color)}.header{display:flex;align-items:center}.home{font-size:1.5rem;font-family:var(--opensans);margin:0 auto 0 0}.switch{position:relative;display:inline-block;width:3rem;height:1.5rem;margin-right:3.5rem}.mode_switch{display:flex;font-size:1.5rem;font-family:var(--opensans);font-weight:700;gap:1rem;align-items:center;justify-content:center}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:1.5rem}.slider:before{position:absolute;content:"";height:1.4rem;width:1.4rem;left:.05rem;bottom:.05rem;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#a0a0a0}input:checked+.slider:before{transform:translate(1.5rem)}:root{--border-color: #807770;--button-color: #ffc494;--background-color: #ffeee0;--background-color2: #ffeee0;--hover-color: #80624a;--button-hover-color: #80624a;--gray: #ccbfb4;--word-color: black;--word-color2: black;--opensans: "Open Sans", sans-serif}:root.dark-mode{--border-color: #ffeee0;--button-color: rgb(160, 160, 160);--background-color: #121212;--background-color2: rgb(160, 160, 160);--hover-color: #ffc494;--button-hover-color: #ffc494;--gray: #ccbfb4;--word-color: rgb(160, 160, 160);--word-color2: #ffc494;--opensans: "Open Sans", sans-serif}*{box-sizing:border-box}html{font-size:1.44vw}body{background-color:var(--background-color);margin:0;padding:.5rem 4rem 0;color:var(--word-color)}a{text-decoration:none;color:var(--word-color)}h1,h2,h3,h4{margin:0;font-family:var(--opensans);color:var(--word-color)}.page_heading{font-size:2rem;font-weight:700;font-family:var(--opensans);color:var(--word-color2);margin-bottom:1rem;grid-column:1/2}p{font-family:var(--opensans);font-size:.9rem;margin:0;color:var(--word-color)}.body{margin-top:2rem}@media (min-width: 1500px){.background{width:1300px;margin:0 auto}html{font-size:25px}}@media (max-width: 1200px){.background{width:1000px;margin:0 auto}html{font-size:20px}}@media (max-width: 1100px){body{padding:.5rem 2rem 0}html{font-size:2vw}.background{width:100%;margin:0 auto}}@media (max-width: 600px){.introduction_box{grid-template-columns:1fr;margin-top:1rem}.profile_pic{margin:0 auto}.profile_box{margin-bottom:2rem}.introduction,.greeting{grid-row:2/3}.background{width:100%;margin:0 auto}body{padding:.5rem 1rem 0}html{font-size:4.5vw}.switch{margin-right:0rem}}@media (max-width: 300px){body{padding:.5rem .5rem 0}}