html,body{height:100%;margin:0}body{background:#1e1e1e;color:#fefefe}#app{font-family:Montserrat,sans-serif;display:flex;height:100vh;width:100%}#sidebar{background:#0f0f0f;flex:0 0 clamp(300px,22vw,400px);padding:3rem 2rem;z-index:100;height:100vh}#content{display:flex;flex:1 1 auto;min-width:0;height:100vh}#content .content-page{padding:8rem 4rem 3rem;width:100%;display:flex;flex-direction:column;align-items:center}.page-title{font-size:3rem;font-weight:700;text-align:center}.bottom-margin{margin-bottom:1rem}#navbar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}#navbar h2{font-size:3rem;font-family:Knewave,system-ui}#navbar h2 span{color:#fec476}#navbar .nav-links{display:flex;flex-direction:column;align-items:center;gap:3.5rem;width:100%}#navbar .nav-links a{display:flex;align-items:center;gap:1rem;text-decoration:none;color:#fefefe;font-size:1.25rem;width:157px;transition:color .35s ease,transform .35s ease}#navbar .nav-links a:hover{transform:scale(1.2)}#navbar .nav-links .active-link{color:#fec476}#navbar .nav-socials{display:flex;align-items:flex-end;gap:1rem}#navbar .nav-socials a{color:#fefefe;transition:color .35s ease}#navbar .nav-socials a:hover{color:#fec476}#home-page{background-image:url(/assets/homephoto-BaFMVsjq.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#home-page:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 100% 0%,#0006,#00000026 45%,#0000008c),linear-gradient(90deg,#000c,#0006 40%,#000000b3)}#home-page:after{content:"";position:absolute;z-index:2;pointer-events:none;background:radial-gradient(60% 40% at 20% 30%,#ffffff0f,#fff0 60%),radial-gradient(40% 30% at 65% 25%,#ffffff0d,#fff0 60%),radial-gradient(70% 45% at 80% 70%,#ffffff0a,#fff0 65%),radial-gradient(55% 35% at 35% 75%,#ffffff0d,#fff0 60%);mix-blend-mode:screen;filter:blur(10px);opacity:.9}#home-page .home-title-container{display:flex;flex-direction:column;align-items:center;color:var(--text);z-index:3}#home-page .home-title-container h1{font-size:8rem;font-weight:700;margin:.5rem 0 2.5rem}#home-page .home-title-container h2{font-size:1.5rem}#home-page .home-title-container h3{font-size:1.75rem}#about-page{overflow-y:auto;display:flex;flex-direction:column;gap:6rem;min-height:100%}#about-page h1{margin-bottom:5rem}#about-page .about-main{display:flex;gap:6rem;width:100%;max-width:1100px}#about-page .about-main .about-photo-container{flex:0 0 375px;height:450px;width:390px;border-left:15px solid #fec476;border-bottom:15px solid #fec476}#about-page .about-main .about-photo-container .about-photo{position:relative;background-image:url(/assets/aboutphoto-CcJcX-Vo.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:435px;width:375px;box-shadow:#00000059 0 5px 15px;border-radius:1px}#about-page .about-main .about-photo-container .about-photo .angled-border-top{position:absolute;top:0;left:0;width:15px;height:18px;background:#1e1e1e;transform:translate(-15px) scaleX(-1);clip-path:polygon(0 100%,100% 0,0 0)}#about-page .about-main .about-photo-container .about-photo .angled-border-bottom{position:absolute;bottom:0;right:0;width:18px;height:15px;background:#1e1e1e;transform:translateY(15px) scaleX(-1);clip-path:polygon(0 100%,100% 0,0 0)}#about-page .about-main .about-info{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:450px}#about-page .about-main .about-info h2{color:#fec476;font-size:2.5rem;font-weight:700}#about-page .about-main .about-info h3{font-size:1.25rem}#about-page .about-main .about-info p{line-height:1.75rem}#about-page .about-main .about-info button{padding:10px 30px;background-color:#fec476;border-radius:4px;border:2px solid #fec476;box-shadow:#00000059 0 5px 15px;font-size:1.15rem;font-weight:700;color:#1e1e1e;transition:color .35s ease-in-out,background-color .35s ease-in-out}#about-page .about-main .about-info button:hover{cursor:pointer;background-color:#1e1e1e;color:#fec476}#about-page .about-bottom{display:flex;gap:3.5rem;align-items:center;max-width:1100px;width:100%}#about-page .about-bottom h3{font-weight:700;font-size:1.25rem}#about-page .about-bottom .stats-section{flex:0 0 450px;display:flex;flex-direction:column;gap:2rem;height:100%;width:100%;align-items:flex-start}#about-page .about-bottom .stats-section .stats-title{display:flex;align-items:center;gap:1rem}#about-page .about-bottom .stats-section .stats-title img{color:#fec476;width:50px}#about-page .about-bottom .stats-section .stat-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;row-gap:1rem}#about-page .about-bottom .stats-section .stat-tiles .tile{display:flex;align-items:center;gap:1rem}#about-page .about-bottom .stats-section .stat-tiles .tile .icon-wrapper{display:flex;align-items:center;justify-content:center;padding:.4rem;border:2px dotted #fefefe;border-radius:6px}#about-page .about-bottom .stats-section .stat-tiles .tile.first .icon-wrapper{background-color:#fec476;border-style:solid;border-color:#fec476}#about-page .about-bottom .stats-section .stat-tiles .tile h4{font-weight:700;margin-bottom:.5rem}#about-page .about-bottom .stats-section .stat-tiles .tile p{font-size:.8rem;color:#fec476}#about-page .about-bottom .interests-section{display:flex;gap:2rem;flex-direction:column;align-items:flex-start;flex:1 1 0;height:100%;width:100%}#about-page .about-bottom .interests-section .interests-chips{display:flex;flex-wrap:wrap;gap:2rem}#about-page .about-bottom .interests-section .interests-chips .chip{display:flex;align-items:center;gap:1rem}.contact-main{width:100%;max-width:1100px}.contact-main .contact-title{display:flex;flex-direction:column;gap:1.5rem;align-items:center;padding-bottom:4rem}.contact-main .contact-title p{max-width:800px;text-align:center;line-height:1.5;font-weight:600}.contact-main .contact-cards{display:flex;justify-content:center;gap:2rem}.contact-main .contact-cards .contact-card{flex:1 1 0;min-width:0;display:flex;gap:1rem;align-items:flex-start;padding:1.5rem;background-color:#252525;border-radius:2px;box-shadow:#00000005 0 3px 6px,#00000005 0 3px 6px}.contact-main .contact-cards .contact-card .card-icon{border:1px dashed #c8aa8b;padding:.75rem;border-radius:50%;display:flex}.contact-main .contact-cards .contact-card .first{border:2px solid #fec476;background-color:#fec476}.contact-main .contact-cards .contact-card .card-text{display:flex;flex-direction:column;gap:.75rem}.contact-main .contact-cards .contact-card .card-text h3{font-weight:700;font-size:1.25rem}.contact-main .contact-cards .contact-card .card-text .card-body{line-height:1.5}.contact-main form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:6rem}.contact-main form h3{font-size:2.25rem;font-weight:700;padding-bottom:2rem}.contact-main form .row{display:flex;gap:2rem;width:100%}.contact-main form input,.contact-main form textarea{background-color:#1e1e1e;border:1px solid rgba(150,150,150,.4);border-radius:5px;width:100%;padding:1rem 2rem;font-size:1rem;font-family:Montserrat,sans-serif;font-weight:700;color:#fec476}.contact-main form input:focus,.contact-main form input:focus-visible,.contact-main form textarea:focus,.contact-main form textarea:focus-visible{border-color:#fec476;outline:none}.contact-main form button{padding:1rem 2rem;font-family:Montserrat,sans-serif;font-weight:700;font-size:1rem;color:#1e1e1e;background-color:#fec476;border:1px solid #fec476;border-radius:5px;transition:background-color .35s ease,color .35s ease,width .35s ease}.contact-main form button:hover{cursor:pointer;background-color:#1e1e1e;color:#fec476}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}