*{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:20px}body{background-color:#0f0f0f;margin:12px;margin-bottom:112px}#navbar{width:310px;user-select:none;position:fixed;top:160px;right:calc(50% + 516px);overflow:auto;margin:0;padding:0;background-color:#0f0f0f}#navdirs li{list-style:none;margin:4px 0}#navdirs .dropicon{margin-right:4px}#navdirs .dropdown{display:flex;align-items:center;justify-content:space-between}#navdirs .dropdown div{display:flex;align-items:center;color:#e86100}#navdirs .dropdown:hover div{color:#5fa7ff}#navdirs img{height:40px}#navdirs ul{display:none;border-left:3px solid #e86100;padding-left:10px;margin-left:18px}#navdirs a{text-decoration:none;display:block;color:#e86100;padding:3px 0 3px 4px}#navdirs a:hover{color:#5fa7ff}#bottom-menu{display:none;justify-content:space-evenly;align-items:center;height:100px}#bottom-menu img{height:70px}main{max-width:1000px;margin:0 auto}#content{margin-top:8px;line-height:28px}#content a{color:#2487ff}#content a:hover{color:#5fa7ff}#content img{border-radius:10px}#content h1{margin:32px 0}.imagetext{display:flex;gap:12px;margin-bottom:12px}.imagetext div,.imagetext img{width:50%;object-fit:contain}@media(max-width:1676px){#navbar{left:12px}main{margin-left:326px}}#header{display:flex;align-items:center;justify-content:space-between;height:70px}#left-header,.about-me{display:flex;align-items:center;gap:15px;font-size:24px;text-decoration:none}#header a:hover,#bottom-menu a:hover{color:#5fa7ff;text-decoration:underline}@media(max-width:870px){#navbar{top:auto;bottom:0;left:0;width:100%;z-index:100}#navbar .dropdown{margin:0 12px}#navdirs{display:none}#bottom-menu{display:flex}main{margin:0}#header-me{display:none}.imagetext{flex-direction:column}.imagetext img{width:100%}}h1{font-size:32px}.divider{width:100%;height:10px;border-radius:5px;margin:16px 0;background-image:linear-gradient(90deg,#E86100,40%,#083b7a)}#cards{display:grid;grid-template-columns:auto auto;gap:12px}@media(max-width:600px){#cards{grid-template-columns:auto}}.gallery{display:grid;grid-template-columns:auto auto;gap:12px}.gallery img{width:100%}@media(max-width:1200px){.gallery{grid-template-columns:auto}}.card{display:flex;border-radius:30px;padding:5px;background-image:linear-gradient(120deg,#E86100,30%,#083b7a);text-decoration:none}.card div{background-image:linear-gradient(135deg,#2d2d2d,#000);border-radius:25px;padding:6px}.card h2{font-size:24px;margin:10px}.card img{max-width:100%;border-radius:10px}.card li{margin:6px 0}.card:hover{box-shadow:0 0 20px #3d3d3d}#home-icon{width:60px}#me{height:70px;border-radius:50%}