@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";nav.navbar{box-shadow:0 4px 8px #0003,0 6px 20px #00000030;display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:space-between;width:auto;padding:10px;font-size:1.1em}nav.navbar ul{display:flex;flex-direction:row}nav.navbar li{list-style-type:none;margin:0 20px}nav.navbar a{text-decoration:none}#navbtn{display:none}@media only screen and (max-width: 600px){#navbtn{display:block}.navbar h2{display:none}nav.navbar ul{flex-direction:column;align-items:start;align-content:center;justify-content:space-between}nav.navbar ul.hide,nav.navbar a.hide{display:none}}.home{height:80vh}.content{max-width:40%}.socials{display:inline-block;vertical-align:middle}.icon{width:30px;aspect-ratio:1;height:auto;padding:5px;color:var(--blue)}div#introduction h1{font-size:4em;display:inline-block;width:auto;vertical-align:middle}div#introduction h3{color:var(--lightgray);font-size:2em}div#skills ul{padding:10px;max-width:300px}@media only screen and (max-width: 900px){.content{max-width:70%}}@media only screen and (max-width: 600px){div#skills ul,.content{max-width:max-content}}.accent{z-index:-1;height:100%;width:55%;position:absolute;margin:auto 20px auto 0;top:0;bottom:0;right:0;opacity:1}.video-container{z-index:-1;display:none;height:100%;width:100%}.video-container.display{display:block}.video-preview{box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.video-container video.background{z-index:-2;object-fit:cover;filter:blur(10px);height:100%;width:100%;position:absolute;bottom:0;right:0;top:0;border-radius:20%;behavior:url(PIE.htc);overflow:hidden;opacity:.7}.video-container video{z-index:-3;height:100%;width:100%}.card-previews{display:flex;overflow-y:auto}.card-preview{background-color:#556884;border-radius:10px;width:fit-content;padding:20px;margin:5px;overflow:hidden;opacity:.6}.card-preview h3,.card-preview p{color:#fff}.card-preview h3{font-size:1.3em;font-weight:400}.card-preview p{font-weight:100}.active_preview{background-color:var(--blue);opacity:1}@media only screen and (max-width: 900px){.accent{opacity:.3}}@media only screen and (max-width: 600px){.accent{position:relative;width:90%;height:100%;border-radius:10%;margin:0 auto 10px;opacity:1}.card-previews{flex-direction:column}.card-preview{width:80%}}.cards-container{display:flex;justify-content:center;width:100%;flex-wrap:wrap;flex-direction:row}.card-project{width:400px}.card-project button{float:right;margin-right:10px}.card-project video{margin-top:10px;width:100%}@media only screen and (max-width: 600px){.cards-container{flex-direction:column;display:block}.cards-project{width:100%}}.fixed-height{height:400px}.blogs-container{width:50%;display:flex;flex-wrap:wrap;flex-direction:column;margin:0 auto}.blog-card{display:flex;flex-direction:row;height:150px;gap:20px}.blog-card img{height:100%}.blog-card span{float:right;z-index:3}@media only screen and (max-width: 900px){.blogs-container{width:100%}}@media only screen and (max-width: 500px){.blog-card img{display:none}}.relative{position:relative}.bold{font-weight:700}.padding-30{margin:30px}.tag{padding:10px;background-color:var(--blue);border-radius:30px;list-style-type:none;display:inline-block;margin-right:10px;margin-bottom:10px;color:#fff}.button{align-items:center;background-color:#fff;border-radius:50px;padding:10px}.background-blue{color:#fff;background-color:var(--blue)}.white{color:#fff}.card{box-shadow:0 4px 8px #0003,0 6px 20px #00000030;margin:5px;padding:15px}.col-orange{background-color:#ff4500;color:#fff;text-align:center}.center{width:max-content;margin:60px auto}.mobile-only{display:block}@media only screen and (min-width: 900px){.mobile-only{display:none}}:root,ul,li,a,div,nav,h1,h2,h3,body{margin:0;padding:0;color:var(--black);font-family:League Spartan,Times New Roman,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:300}:root{--black: #1E1E1E;--blue: #183153;--lightgray: #6C6C6C;--lightgreen: #CDD8E1;--lightpink: #E8CACA}