h1{width:100%;text-transform:uppercase;font-size:5rem}h2{font-size:1.5rem;font-weight:700}h3{text-transform:uppercase}ol,ul{margin-left:50px}a{color:#fb2e95}header{flex-shrink:0;width:100%;display:flex;justify-content:space-between;gap:10px;background-color:#ccc}header #logo--container{display:flex;justify-content:center;align-items:center;gap:1.5rem}header #logo--container span{text-transform:lowercase}header .time-date--container{display:flex;justify-content:right;gap:1.5rem;padding-block:.5rem;padding-right:1.5rem}main{display:flex;width:100%;height:100%;flex:1;min-height:0}#icons{flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%}#icons a{text-decoration:none}#icons .desktop-icon--container{width:80px;height:80px;margin:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}#icons .desktop-icon--container .icon-img{width:75%;height:75%}#icons .desktop-icon--container .icon-text{font-size:1.5rem;background-color:#000;color:#fff;padding:3px 0;border-radius:5px;width:100%;text-align:center;-webkit-user-select:none;user-select:none}#icons .desktop-icon--container .icon-text.hover-bg{background-color:#ff69b4}.window--container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:10px;min-height:0}.window{flex:1;max-width:1024px;max-height:100%;display:flex;flex-direction:column;border:1px solid #000;border-top-left-radius:10px;border-top-right-radius:10px}.window .title-bar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px 10px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#000;color:#fff}.window .title-bar .close-btn{cursor:pointer;font-size:1.5rem;border:1px solid #444;border-radius:3px;padding:5px 10px}.window .title-bar .close-btn:hover{background-color:#ff69b4}.window .content{flex:1;overflow:auto;display:flex;padding:10px;background-color:#ffffff1a;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(5px);line-height:1.75}#about .content{gap:10px;justify-content:space-between}#about .content .profile-img{flex-shrink:0;width:200px;height:200px;border:1px solid #ccc}#about .content .profile-text{display:flex;flex-direction:column;gap:10px;padding:10px;background-color:#ccc;height:100%}#about .content .profile-text .credits{border-top:1px solid #666;padding-top:10px;font-size:1.2rem;text-align:center}#projects .content{gap:10px;flex-direction:column}#projects .content .project-details{width:100%;background-color:#ccc;padding:10px}#projects .content .project-details .tech-stack{color:#666;text-transform:uppercase;font-size:1.2rem}#contact .content{flex-direction:column;align-items:center;gap:10px}#contact .content #socials--container{width:100%;padding:10px;background-color:#ccc;height:fit-content}#contact .content #socials--container #socials{width:100%;margin:10px;display:flex;justify-content:center;gap:35px}#contact .content #contact-form--container{width:100%;padding:10px;background-color:#ccc;height:fit-content}#contact .content #contact-form--container form{padding:10px;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;justify-content:space-around}#contact .content #contact-form--container form label{flex:1;display:flex;flex-direction:column;width:100%}#contact .content #contact-form--container form label#name-lbl,#contact .content #contact-form--container form label#email-lbl{flex:0;height:70px}#contact .content #contact-form--container form input,#contact .content #contact-form--container form textarea{font-size:1.6rem;padding:5px}#contact .content #contact-form--container form input[type=text],#contact .content #contact-form--container form input[type=email]{flex-shrink:0;height:30px}#contact .content #contact-form--container form textarea{font-family:Arial,Helvetica,sans-serif;height:350px}#contact .content #contact-form--container form input[type=submit]{padding:10px 0;font-family:var(--monoFont)}#message-sent .content,#message-failed .content{flex-direction:column;background-color:#ccc;margin:10px}#message-sent .content h3,#message-failed .content h3{text-transform:capitalize}#message-sent .content p,#message-failed .content p{width:100%}@media only screen and (max-width: 800px){main{flex-direction:column}#icons{flex-direction:row;justify-content:center;align-items:flex-start;height:min-content}.window{width:100%}}@media only screen and (max-width: 600px){header{display:none}.window--container{padding:0;min-width:350px}.profile-img{display:none}#contact form{width:100%;min-width:300px}}@font-face{font-family:DM Mono;src:url(/assets/DMMono-Regular-CHcedrof.ttf),format("ttf");font-style:normal;font-weight:400}@font-face{font-family:DM Mono;src:url(/assets/DMMono-Italic-DLMvJ-WU.ttf),format("ttf");font-style:italic;font-weight:400}@font-face{font-family:DM Mono;src:url(/assets/DMMono-Medium-BtO9kMc2.ttf),format("ttf");font-style:bold;font-weight:500}:root{--monoFont: "DM Mono", monospace;--plainFont: "Courier New", Courier, monospace}*{padding:0;margin:0;box-sizing:border-box}html,body,#root,#app{height:100%}html{font-size:62.5%}body{font-family:var(--monoFont);font-size:1.8rem;background:url(/assets/greyfloral-Cm2mCj0L.png) fixed}#app{display:flex;flex-direction:column;min-height:100vh}