@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--blue:#3b82f6;--blue-light:#cbdcf7;--black:#000;--white:#fff;--title:#0f172a;--text:#64748b;--button:#e2e8f0;--hover:#cbd5e1;--background:#f1f5f9}body,html{min-height:100vh}body{align-items:center;background-color:var(--background);color:var(--text);display:flex;flex-direction:column;font-family:Poppins,sans-serif;gap:20px;padding:20px 0;transition:color .5s,background-color .5s}a{color:var(--title);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}b{color:var(--blue);font-weight:600}summary{cursor:pointer;transition:.25s}summary:hover{color:var(--title)}.visible{display:flex!important}a.button{align-items:center;background-color:var(--button);border:0;border-radius:10px;color:var(--title);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;justify-content:center;margin-top:20px;outline:0;padding:12px 60px;text-decoration:none;text-transform:uppercase;transition:.25s}a.button:hover{background-color:var(--hover)}nav{display:flex;gap:10px;a.button{margin:0;padding:8px 16px;width:100px;&.selected{background-color:var(--blue);color:var(--white);&:hover{filter:brightness(110%)}}}}section{display:flex;flex-direction:column;gap:20px;max-width:1000px;width:75%}section h1{color:var(--title);font-size:20px;font-weight:600}html.dark-mode{color-scheme:dark;--black:#fff;--white:#000;--title:#f1f5f9;--text:#94a3b8;--button:#1e293b;--hover:#334155;--background:#0f172a}.programming-mode{animation:imageTransition .5s;outline:3px solid var(--blue)}@keyframes imageTransition{0%{opacity:100%}50%{opacity:0}to{opacity:100%}}.switch{display:inline-block;font-size:17px;height:34px;position:absolute;width:64px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--blue);border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:20px;bottom:2px;content:"";height:30px;left:2px;width:30px;z-index:2}.sun img{left:38px}.moon img,.sun img{cursor:pointer;height:20px;position:absolute;top:7px;width:20px;z-index:1}.moon img{left:6px}.input:checked+.slider{background-color:var(--button)}.input:focus+.slider{box-shadow:0 0 1px var(--button)}.input:checked+.slider:before{transform:translateX(30px)}.linkedin{background:url(../img/linkedin.svg)}.email{background:url(../img/email.svg)}.launch{background:url(../img/launch.svg)}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@media only screen and (max-width:1100px){#card,section{width:90%}}@media only screen and (max-width:820px){#error,section{width:90%}section h1{text-align:center}}