*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:monospace;font-size:1rem;line-height:1.5;background:#fff;color:#000}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700}h1{background:yellow;padding:0 20px}p{margin-bottom:1rem;color:#333}.container{width:100%;margin:0 auto;padding:1rem;max-width:1200px}.box{padding:1rem;border:2px solid #000;box-shadow:4px 4px 0 #000;margin-bottom:1rem}.text-center{text-align:center}.text-right{text-align:right}.language-switch{text-align:right;margin-bottom:1rem}.language-switch a{padding:5px 10px;border:1px solid #000;text-decoration:none;color:#000;display:inline-block;margin-left:5px}.language-switch a.active,.language-switch a:hover{background:yellow}.tldr{padding:1rem;border:2px solid #000;box-shadow:4px 4px 0 #000;margin-bottom:1rem;background:#e7f5ff;color:#000}a{color:#000;text-decoration:underline}a:hover,a:active{color:#000;background:yellow}ul{list-style-type:square;margin:1em 0 1em 2em;padding:0}li{margin-bottom:.5em}hr{margin:50px 0 10px 0}.timeline{position:relative;max-width:900px;margin:0 auto;padding:10px 0}.timeline::before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background:#999;transform:translateX(-50%)}.timeline-item{display:flex;justify-content:space-between;margin-bottom:10px;position:relative}.timeline-item:nth-child(odd){flex-direction:row-reverse}.timeline-item-content{background:#fff;padding:15px;border-radius:8px;border:2px solid #000;box-shadow:4px 4px 0 #000;width:45%;position:relative}.timeline-item-content::before{content:"";position:absolute;top:15px;width:0;height:0;border-style:solid}.timeline-item:nth-child(even) .timeline-item-content::before{border-width:10px 0 10px 10px;border-color:transparent transparent transparent #fff;right:-10px}.timeline-item:nth-child(odd) .timeline-item-content::before{border-width:10px 10px 10px 0;border-color:transparent #fff transparent transparent;left:-10px}.timeline-item-date{position:absolute;top:15px;width:100px;text-align:center;font-weight:700;color:#555}.timeline-item:nth-child(even) .timeline-item-date{left:calc(50% + 55px)}.timeline-item:nth-child(odd) .timeline-item-date{right:calc(50% + 55px)}.timeline-item-marker{position:absolute;left:50%;top:20px;width:16px;height:16px;background:#FFD700;border-radius:50%;transform:translateX(-50%);z-index:1}h3{margin-top:0;margin-bottom:.5rem;color:#000}@media (max-width:768px){body{padding:5px}.timeline::before{left:10px}.timeline-item{flex-direction:column!important;align-items:flex-start;margin-bottom:10px}.timeline-item-content{width:calc(100% - 40px);margin-left:40px;padding:10px}.timeline-item-content::before{border-width:10px 10px 0 10px!important;border-color:transparent transparent #fff transparent!important;top:-10px;left:20px}.timeline-item-date{position:static;text-align:left;margin-left:40px;margin-bottom:5px}.timeline-item-marker{left:10px;transform:translateX(0);top:15px}}details{border:0;padding:15px;margin-bottom:20px;background:yellow}summary{cursor:pointer;font-weight:700;font-size:1.2em;padding:5px 0;color:#333;outline:none;user-select:none}summary::marker,summary::-webkit-details-marker{display:none}details p{margin-top:10px;line-height:1.6;color:#555}details h6{margin-top:0;margin-bottom:0;display:inline}.portrait-image{position:fixed;bottom:20px;right:20px;width:250px;height:250px;border-radius:50%;border:2px solid #000;box-shadow:4px 4px 0 #000;z-index:1000}@media (max-width:768px){.portrait-image{width:150px;height:150px;position:static;display:block;margin:0 auto 1rem auto;order:-1}}