a,body{color:#0f0}.project-details a,a{text-decoration:none}.project-box,body{background-color:#000}.project-date,.project-details,.project-title,h1,h2{text-align:center}.project-box,.project-details a{position:relative;transition:.35s}.container,.project-details a:hover::after{width:100%}body{font-family:Verdana,sans-serif;margin:0;padding:2rem;min-height:100vh}h1{margin-bottom:2rem;font-size:2.5rem;letter-spacing:2px}.container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:1008px;margin:0 auto}.project-box{border:2px solid #32cd32;border-radius:8px;padding:1.5rem;cursor:pointer;width:100%;overflow:hidden}.project-box:hover{border-color:#228b22;box-shadow:0 0 15px rgba(50,205,50,.3)}.project-title{font-size:1.2rem;font-weight:700;margin-bottom:0}.project-date{font-size:.75rem;color:#13ff37;margin-bottom:.1rem}.project-details{max-height:0;opacity:0;overflow:hidden;transition:.25s cubic-bezier(.1, .2, .3, 1);color:#0f0;padding:0 1rem;cursor:default;user-select:none}.project-details a{color:#ff0}.project-details a::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#668b22;transition:width .3s}.project-details a:hover{color:#668b22;text-shadow:0 0 10px rgba(50,205,50,.4);cursor:pointer}.project-box.active .project-details{user-select:text}.project-details .detail-text{cursor:text}.project-details .detail-text p{margin:0;line-height:1.75}.active .project-details{max-height:500px;opacity:1;margin-top:1.5rem;padding-bottom:1rem}.detail-text .warning{color:red;font-weight:bolder}.arrow{position:absolute;right:1rem;top:1rem;transition:transform .35s}.active .arrow{transform:rotate(90deg)}@media (max-width:1008px){body{padding:.5rem}.project-box{width:90%;min-height:120px}}::selection{background:#32cd32;color:#000}