*{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}html,body{width:100%;height:100%;margin:0;background:linear-gradient(140deg,#ffffe0,#add8e6)}body{background-color:#f0f0f0;font-family:Arial,sans-serif;position:fixed;display:flex;text-align:center;align-items:center;flex-direction:column;justify-content:center}body>h1{width:fit-content;background:linear-gradient(to right,#3498db,#00fb0d);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;font-size:50px;margin-bottom:0;margin-top:0}#projekt-frame,#skills-frame,#html-skill{width:100%;height:100%;background-color:gray;position:fixed;top:0;left:0;display:flex;text-align:center;align-items:center;flex-direction:column;transition:opacity 1s}iframe{height:80%;width:100%;border:none}#close-projekte,#close-skills{background:linear-gradient(to right,#90ee90,#add8e6);border-radius:20px;border:none;padding:10px 20px;transition:transform .5s;font-size:30px;cursor:pointer;margin:10px;transform-origin:50% 0}#close-projekte:hover,#close-skills:hover{transform:scale(1.08)}#projekte-btn,#skills-btn{background:linear-gradient(to right,#90ee90,#add8e6);border-radius:20px;border:none;padding:10px 20px;transition:transform .5s;font-size:30px;cursor:pointer;margin:10px;font-size:50px}#projekte-btn:hover,#skills-btn:hover{transform:scale(1.08)}#skills-frame p{color:#000;text-decoration:none;display:block;margin:0;padding:5px}#skills-frame details{width:100%;max-width:750px}