@import"https://fonts.googleapis.com/css?family=Raleway:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic";:root{--primary-color: #ffcd42;--secondary-color: #ffd35c;--bg-primary: #ffffff;--text-color: #222222;--text-color-two: #ffffff;--bg-secondary: #000000;--card-background: #f4f4f4;--bg-secondary-two: #111111;--shadow: 0 10px 40px rgba(0, 0, 0, .2);--weight-small: 400;--weight-semibold: 600;--weight-bold: 800;--width-small: 600px;--width-medium: 1100px;--width-large: 1300px}[data-theme=dark]{--primary-color: #ffcd42;--secondary-color: #ffd35c;--bg-primary: #000000;--text-color: #ffffff;--text-color-two: #222222;--bg-secondary: #ffffff;--card-background: #111111;--bg-secondary-two: #f4f4f4;--shadow: 0 2px 10px rgba(95, 95, 95, .2)}html{font-size:100%;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{text-decoration:none;color:var(--text-color)}body{background:var(--bg-primary);color:var(--text-color);font-family:Raleway,sans-serif;line-height:1.5}.navbar{position:fixed;top:0;left:0;right:0;z-index:20;background:var(--bg-primary)}.navbar .container{display:flex;align-items:center;justify-content:space-between;z-index:20;height:80px;width:100%}.navbar .nav-menu{display:flex;align-items:center;background:var(--bg-primary)}.navbar .nav-link{margin:0 1rem;font-size:.8rem;font-weight:var(--weight-semibold)}.navbar #logo img{display:block;width:40px}.navbar .btn{margin-right:1.5rem}.fas.fa-arrow-right{margin-left:.5rem;font-size:.9rem}.hamburger{margin-bottom:.1rem;display:none}.bar{display:block;width:23px;height:3px;margin:4px auto;transition:all .3s ease-in-out;border-radius:30px;background-color:var(--bg-secondary)}#hero{display:flex;flex-direction:column;height:100%}.profile-image{width:200px;height:200px;object-fit:cover;border-radius:50%;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.division{width:100%;height:2px;background-color:var(--card-background);margin:3.7rem 0}#projects{display:flex;flex-direction:column;margin:0rem auto 5rem}#projects .btn{align-self:center;margin:2rem 0}.project{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(250px,auto);grid-gap:.9rem}.card .project-bio p{font-size:.83rem}.card .project-bio h3{font-size:.9rem}.project-info{display:flex;justify-content:space-between;opacity:0;position:relative;transition:.5s ease-in-out}.project-bio{display:flex;flex-direction:column;justify-content:flex-end;position:relative;top:160px;left:10px}#footer{background:#111;padding:2rem 0}#footer .container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;min-height:160px;text-align:center}#footer a{font-size:.8rem;color:#fff}#footer a:hover{opacity:.6}#footer .social{margin:.9rem 0}#footer .social img{width:20px;height:20px}#footer .social a{margin:0 .5rem}#footer p{font-size:.8rem}@media (max-width: 1000px){.project{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width: 670px){.navbar .nav-menu{position:fixed;right:-100vw;top:4.5rem;flex-direction:column;width:calc(80% - 10px);transition:.3s;box-shadow:var(--shadow);padding:2rem;border-radius:5px;align-items:flex-start}.navbar .btn{margin:0;margin-top:1rem}.nav-menu.active{right:20px}.nav-menu .nav-link{font-size:.9rem;margin:0 .2rem}.nav-menu li{margin-bottom:.5rem;width:100%}.nav-menu .btn{width:100%;text-align:center;margin-top:.5rem}.hamburger{display:block;cursor:pointer;padding:.2rem .4rem}.hamburger.active{border:1px dotted gray}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media (max-width: 600px){.project{display:grid;grid-template-columns:1fr}.header-container .btn{border-radius:5px;width:80%}}.container{max-width:var(--width-medium);margin:0 auto;padding:1rem 2rem}h1::selection,h2::selection{color:#111;background:var(--primary-color)}.btn{display:inline-block;padding:.75rem 1.9rem;border-radius:30px;text-transform:uppercase;font-size:.82rem;transition:.3s}.btn-primary{background:var(--primary-color);color:#000}.btn-secondary{margin:5px 0;background-color:var(--bg-secondary);color:var(--bg-primary)}.btn-primary:hover{background:var(--secondary-color)}#switch{display:none}.toggle-icons{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-icons>img{transition:.6s cubic-bezier(.23,1,.32,1);width:30px}.moon{transform:rotate(10deg)}#switch:checked+.toggle-icons .moon{transform:rotate(250deg)}#switch:checked+.toggle-icons .sun{transform:rotate(100deg)}.header-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:8rem;padding:1rem}.header-container>div{margin-top:1rem}.content-text{text-align:center;margin:1.5rem 0}.content-text h2{font-size:3rem;line-height:1.2;transition:.2s ease-in-out}.content-text p{padding:.5rem;margin:0 auto;max-width:700px}.card{padding:1rem;background:var(--card-background);color:#fff;border-radius:5px;transition:.4s ease-in-out;cursor:pointer}.card a{color:#fff;transition:.25s ease-in-out;font-size:1.1rem;margin-right:.3rem}.card a:hover{color:var(--primary-color)}.card:hover{box-shadow:inset 0 100px 1000px 10px #000c}.card:hover .project-info{opacity:1}.card:nth-child(1){background:url(/assets/proteinpilot-BO1HUW9D.png) center center/cover}.card:nth-child(2){background:url(/assets/wordlesolver-BmT-VyoW.png) center center/cover}.card:nth-child(3){background:url(/assets/difcamelup-BSe5WoBw.png) center center/cover}@media (max-width: 768px){.header-container{margin-top:7rem;text-align:center}.content-text h2{font-size:2.5rem}}.theme-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.theme-switch .toggle-icons{cursor:pointer;display:flex;align-items:center;gap:.5rem}.theme-switch input[type=checkbox]:checked+.toggle-icons .moon{display:none}.theme-switch input[type=checkbox]:checked+.toggle-icons .sun{display:inline}.theme-switch input[type=checkbox]:not(:checked)+.toggle-icons .moon{display:inline}.theme-switch input[type=checkbox]:not(:checked)+.toggle-icons .sun{display:none}