*{margin:0;padding:0;font-family:Franklin Gothic Medium,sans-serif;box-sizing:border-box}body{background:#589294;width:100%;height:100vh;background-image:url(/stuff/background.jpg);background-size:cover;background-position:50%;color:#fff}.navbar{width:98%;position:absolute;top:10px;left:10px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:15px}.navbar ul{list-style:none;display:flex;gap:20px}.navbar ul li{display:inline}.navbar ul li a{text-decoration:none;color:#fff;font-weight:700;padding:10px 20px;transition:background .3s}.navbar ul li a:hover{background:hsla(0,0%,100%,.3);border-radius:5px}.navbar ul li a i{font-size:1.5rem}.intro{width:100%;height:calc(100vh);justify-content:flex-start;padding-left:50px}.big-photo,.intro{display:flex;align-items:center}.big-photo{width:500px;height:500px;border-radius:50%;overflow:hidden;justify-content:center;margin-left:50px}.big-photo img{width:100%;height:100%;object-fit:cover}.intro-text{flex:1 1;display:flex;justify-content:center;align-items:center;text-align:left;margin-left:50px}.intro-text h1{font-size:4rem;color:#fff}.intro-text h1 span{color:#0ef;font-weight:700}.intro_about{width:100%;height:calc(100vh);display:flex;justify-content:space-between;align-items:center;padding:0 150px}.intro_about_text{flex:1 1;text-align:left}.intro_about_text h1{font-size:4rem;color:#fff}.intro_about_text h1 span{color:#0ef;font-weight:700}.intro_about_discribtion{flex:1 1}.intro_about_discribtion p{font-size:1.5rem;color:#fff}.intro_projects{width:100%;height:calc(100vh);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 150px}.project-list{display:flex;gap:20px}.project-item{display:flex;flex-direction:column;align-items:center;background:hsla(0,0%,100%,.1);padding:20px;border-radius:15px;text-align:center}.project-item:hover{background:hsla(0,0%,100%,.3)}.project-item img{width:150px;height:150px;object-fit:cover;border-radius:10px;margin-bottom:10px}.project-item p{font-size:1.2rem;color:#fff}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;text-align:center;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal-content img{max-width:100%;height:auto;margin-bottom:20px}#modal-images img{width:200px;height:auto;margin:5px}.comic-container{display:flex;justify-content:center;align-items:center;height:calc(100vh - 60px);flex-direction:column}.comic-details{display:none;text-align:center}.comic-details img{max-width:100%;height:auto;margin:20px 0}#comic-alt{display:none;border-radius:10px}#comic-alt.active{display:flex;color:transparent;background-color:#d3d3d3;border-radius:10px}#comic-alt.active:hover{color:#fff;background-color:initial;border-radius:10px;text-align:center}#get-comic-btn{display:flex;margin:20px 0;padding:10px 20px;font-size:1.2em;cursor:pointer;border-radius:10px}footer{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px}footer ul{display:flex;list-style:none}footer li{margin:0 1rem}footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}footer p{text-align:center;margin-bottom:.5rem}footer ul{flex-direction:row;justify-content:center}