:root{--main-bg:#121212;--main-color:#9d73ff5e;--main-color-light:#a886f77d;--text-color:#ffffffbf;--text-color-deep:#fff;--header-base:linear-gradient(115deg, #0b0e16 0%, #121a2b 45%, #161328 70%, #0c0d14 100%);--header-glow-1:#9d73ff52;--header-glow-2:#38b6ec3d;--header-shard-1:#8c6eff17;--header-shard-2:#46a0f014;--header-line-1:#6ecdff8c;--header-line-2:#c896ff66;--header-grid:#ffffff0b}:root.light{--main-bg:#e6e6e6;--main-color:#376bdccc;--main-color-light:#6595fe91;--text-color:#000000bf;--text-color-deep:#000;--header-base:linear-gradient(115deg, #f3f5fb 0%, #e3e9f6 45%, #e9e5f6 70%, #f1f2f7 100%);--header-glow-1:#9d73ff38;--header-glow-2:#376bdc33;--header-shard-1:#7864e612;--header-shard-2:#376bdc12;--header-line-1:#376bdc73;--header-line-2:#8c64f059;--header-grid:#141e3c0d}@view-transition{navigation:auto}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--main-bg);color:var(--text-color);grid-template-rows:auto 1fr auto;font-family:Source Sans Pro,sans-serif;font-size:16px;line-height:1.8em;transition:color .5s;display:grid}main{align-self:center}.container{width:75%;max-width:1000px;margin:0 auto;padding:0}body .container{max-width:1000px;padding:0}.header{isolation:isolate;background:linear-gradient(112deg, transparent 84.6%, var(--header-line-1) 84.75%, transparent 84.95%), linear-gradient(112deg, transparent 88.4%, var(--header-line-2) 88.5%, transparent 88.65%), linear-gradient(68deg, transparent 11.8%, var(--header-line-2) 11.9%, transparent 12.05%), linear-gradient(112deg, transparent 58%, var(--header-shard-1) 58% 84.7%, transparent 84.7%), linear-gradient(68deg, transparent 0%, var(--header-shard-2) 0% 11.9%, transparent 11.9%), linear-gradient(112deg, transparent 88.5%, var(--header-shard-2) 88.5% 100%, transparent 100%), radial-gradient(ellipse 45% 110% at 12% -10%, var(--header-glow-1), transparent 70%), radial-gradient(ellipse 40% 100% at 88% 110%, var(--header-glow-2), transparent 70%), var(--header-base);view-transition-name:header;flex-direction:column;flex:none;justify-content:center;height:250px;margin-bottom:1em;display:flex;position:relative;overflow:hidden}.header:before{content:"";z-index:-1;background:linear-gradient(var(--header-grid) 1px, transparent 1px) 0 0/32px 32px, linear-gradient(90deg, var(--header-grid) 1px, transparent 1px) 0 0/32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 90% at 70% 40%,#000,#0000 75%);mask-image:radial-gradient(60% 90% at 70% 40%,#000,#0000 75%)}.header:after{content:"";z-index:-1;background:linear-gradient(transparent, var(--main-bg));height:35%;position:absolute;inset:auto 0 0}.logo{letter-spacing:3px;margin-right:1em;font-family:Montserrat,sans-serif;font-size:1.5em;font-weight:400}.logo a:hover{color:inherit}.ban{border-bottom:1px solid var(--main-color-light);justify-content:space-between;align-items:center;width:100%;padding-bottom:1em;display:flex}.nav{flex-wrap:wrap;align-items:center;width:100%;display:flex}.nav-item{letter-spacing:1px;flex:none;margin-left:1.5em}.nav-item a.active,.nav-item a:hover,.nav-item a:focus{border-bottom:1px solid var(--main-color);color:var(--text-color-deep);transform:scale(1.05)}a,a:visited{color:var(--text-color);text-transform:uppercase;letter-spacing:2px;border:1px solid #0000;text-decoration:none;transition:border-bottom .3s,color .3s,transform .3s;display:inline-block}li{list-style:none!important}ul{padding:0}.main-picture,.map{border:1px solid var(--main-color-light);border-radius:5px}.icon{margin-right:.5em}footer{justify-content:center;align-items:center;margin-top:3em;display:flex}.footer-text{opacity:.8;padding:1em}.btn{color:inherit;background-color:var(--main-color);border-color:var(--main-color);border-radius:.5rem}.btn:hover{background-color:var(--main-color-light);border-color:var(--main-color-light)}.btn:active{background-color:var(--main-color)}#switch{cursor:pointer;background-color:#323232;border-radius:10px;width:40px;height:20px;transition:all .5s;position:relative;box-shadow:inset 0 2px 7px #0006,inset 0 2px 2px #0003}.light #switch{background:#f9f9f9;transition:all .5s;box-shadow:inset 0 2px 7px #0000004d,inset 0 2px 2px #0003}.light #switch #cursor{background:linear-gradient(#eaeaea,#f9f9f9);left:20px;box-shadow:0 2px 5px #0000004d,inset 0 1px 1px #fff,inset 0 -1px 1px #fff}#cursor{background:linear-gradient(#777,#333);border-radius:10px;width:20px;height:20px;transition:all .5s;position:absolute;top:0;left:0;transform:scale(.85);box-shadow:0 2px 5px #00000080,inset 0 1px 1px #ffffff4d,inset 0 -1px 1px #ffffff4d}.alarm{flex-wrap:wrap;justify-content:center;gap:1rem;width:350px;margin:auto;display:flex}.alarm .btn{padding:1.2rem 2.4rem;font-size:1rem}.contact-link,.project-links a{text-transform:none;letter-spacing:0;font-size:1.2em}.contact-link:hover,.project-links a:hover{color:var(--text-color-deep)}.contact #contact{column-gap:1rem;display:grid}.contact #contact>div:nth-child(5){justify-self:center;width:20%;min-width:min-content}.contact #contact>div:nth-child(5) button{width:100%}@media (width>768px){.contact #contact{grid-template-columns:1fr 1fr}.contact #contact>div:nth-child(4),.contact #contact>div:nth-child(5){grid-column:1/3}}.contact:focus{background-color:var(--main-color);color:var(--text-color-deep)}.contact textarea.form-control{width:100%;min-height:9em}.contact #contact_submit{background-color:var(--main-color);border-color:var(--main-color-light);margin-top:1em}.contact #contact_submit:active{background-color:var(--main-color-light)}.contact .flash-message{margin-top:2em}.img-block{border-left:1px solid var(--main-color-light);justify-content:space-between;gap:3em;margin:auto 0;padding-left:1em;display:flex}.prez{flex-direction:column;justify-content:center;max-width:800px;display:flex;position:relative}.main-text{max-width:500px;margin-bottom:4em}.title{color:var(--main-color);letter-spacing:2px;margin-bottom:.5em;font-size:2.5em;font-weight:400;transition:color .5s}.main-picture{opacity:1;flex:none;width:40%;min-width:250px;max-width:350px}.main-text__left{border-left:1px solid var(--main-color-light);padding-left:1em}.main-text__right{text-align:end;border-right:1px solid var(--main-color-light);margin-left:auto;margin-right:0;padding-right:1em}.main-text__skills{max-width:100%}.skills{justify-content:space-around;display:flex}.mini-logo{align-items:center;gap:.8em;margin-bottom:1em;display:flex}.skills__right .mini-logo{flex-direction:row-reverse}.mini-logo__img{width:45px}.img-block__project{margin-bottom:6em}.img-block__reverse{border-left:none;border-right:1px solid var(--main-color-light);flex-direction:row-reverse;padding-left:0;padding-right:1em}.img-block__reverse .main-text{text-align:end}.main-text__project{flex-direction:column;justify-content:space-around;gap:1em;margin-bottom:0;display:flex}.main-text__project .title{margin-bottom:.5em}.project-links{gap:2em;display:flex}.description-link,.description-link:visited{text-transform:none;letter-spacing:normal;color:var(--main-color)}.img-block .img-link{opacity:1;flex:none;width:40%;min-width:250px;max-width:350px;display:block}.project-picture{border:1px solid var(--main-color-light);border-radius:5px;width:100%}.img-block__reverse .project-links{justify-content:end}@media only screen and (width<=800px){.container{width:85%;margin:0 auto}.header{height:200px}.img-block{display:block}.img-block .img-link{width:100%;margin:0 auto}.main-picture{width:90%;margin:auto;display:block}.map{width:100%}.main-text__project{margin-bottom:2em}.img-block__reverse{border-right:none;border-left:1px solid var(--main-color-light);padding-left:1em;padding-right:0}.img-block__reverse .main-text{text-align:start}.img-block__reverse .project-links{justify-content:start}.contact .form-control{width:100%}}@media only screen and (width<=500px){.nav{flex-direction:column}footer{flex-direction:column-reverse}.main-text{text-align:justify;border:none;padding:0}.skills{display:block}.mini-logo{justify-content:space-between;padding:0 1em}.skills__right .mini-logo{flex-direction:row}.img-block{border:none;padding:0}}