@font-face{font-family:Rajdhani-Bold;src:url(/fonts/Rajdhani-Bold.ttf)}@font-face{font-family:PTSans-Regular;src:url(/fonts/PTSans-Regular.ttf)}@font-face{font-family:Catamaran-Regular;src:url(/fonts/Catamaran-Regular.ttf)}*{margin:0;padding:0}body{color:#d4caca;background-color:#0a192f;font-family:PTSans-Regular}header{z-index:2;background-color:#0b1c35;justify-content:flex-end;width:100%;height:80px;transition:all .25s cubic-bezier(.645,.045,.355,1);display:flex;position:fixed;top:0;left:0;transform:translateY(0);box-shadow:0 10px 40px -10px #051530}header ul{flex-direction:row;justify-content:space-evenly;align-items:center;width:35%;margin-right:5px;list-style:none;display:flex}header ul li{color:#d4caca;text-align:center;cursor:pointer;background-color:#020e1a;border-radius:4px;flex-basis:25%;margin:5px;padding:10px}header ul li:hover{background-color:#03070a}header:hover{visibility:visible}div.ornament{flex-direction:column;height:100vh;padding-top:24%;display:flex}div.ornament .vertical-ornament{border-left:1px solid #d4caca;height:50%;margin:0 auto}div.ornament-left{position:fixed;top:0;left:5%}div.ornament-right{padding-top:19%;display:flex;position:fixed;right:5%}div.ornament ul.tech-icons{text-align:center;list-style:none}div.ornament ul.tech-icons li{margin-bottom:11px;font-size:150%}.icon{stroke-width:0;stroke:currentColor;fill:currentColor;width:1em;height:100%;display:inline-block}.content{flex-direction:column;width:70%;margin:80px auto 0;display:flex}.content section{flex-direction:column;justify-content:center;width:100%;height:auto;min-height:100vh;display:flex}.content section.front{flex-direction:column;min-height:80vh;display:flex}.content section.front div.first-sentence h2{color:#4388c9ce;font-size:200%}.content section.front div.my-name h1{color:#0f9e9e;font-size:550%}.content section.front div.my-activity h2{font-size:400%}.content section.front div.litle-description{font-size:150%}.content section div.box-title{align-items:center;display:flex}.content section div.box-title h3{flex-basis:50%;font-size:160%;font-weight:bolder}.content section div.box-title div{border-top:1px solid #087c7c;flex-basis:50%}.content section.about-me{font-size:120%}.content section.about-me .box-title h3{font-family:Rajdhani-Bold}.content section.about-me div.container-biography{flex-flow:row;justify-content:space-between;display:flex}.content section.about-me div.container-biography div.description{flex-basis:50%}.content section.about-me div.container-biography div.image{text-align:center;flex-basis:50%}.content section.about-me div.container-biography div.image img{width:60%}.content div.my-technologies{width:50%}.content div.my-technologies ul{flex-flow:wrap;list-style:inside square;display:flex}.content div.my-technologies ul li{flex-basis:40%}.content section.contact-me{text-align:center;font-family:Catamaran-Regular}.content section.contact-me h3,.content section.contact-me p{width:47%;margin:0 auto}.content section.contact-me h3.email{margin-bottom:8px}.content section.contact-me p{text-align:center;font-size:130%}.content section.contact-me h3.opinion{border-bottom:1px solid #0f9e9e;margin-bottom:17px;padding-bottom:5px;font-size:170%}footer{text-align:center}header{z-index:2;background-color:#0b1c35;justify-content:flex-end;width:100%;height:80px;transition:all .3s cubic-bezier(.645,.045,.355,1);display:flex;position:fixed;top:0;left:0;box-shadow:0 10px 40px -10px #051530}.header-visible{opacity:1;visibility:visible;transform:translateY(0)}.header-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%)}.header-at-top{opacity:1;box-shadow:none}.header-scrolled{opacity:.96;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0b1c35f2;box-shadow:0 10px 40px -10px #051530}header:hover{opacity:1!important}
@media (max-width:1118px){header ul{width:45%}.content section.front div.my-name h1{font-size:530%}.content section.front div.my-activity h2{font-size:350%}.content section.front div.litle-description{font-size:138%}.content section.about-me{font-size:112%}}@media (max-width:933px){.content section.about-me{margin-bottom:15%}.content section.front div.first-sentence h2{font-size:180%}.content section.front div.my-name h1{font-size:500%}.content section.front div.my-activity h2{font-size:310%}.content section.front div.litle-description{font-size:120%}.content section.about-me div.container-biography div.image img{width:80%}}@media (max-width:772px){header ul{width:60%}}@media (max-width:713px){.content section.about-me{margin-bottom:20%}.content section.front div.first-sentence h2{font-size:173%}.content section.front div.my-name h1{font-size:450%}.content section.front div.my-activity h2{font-size:240%}.content section.about-me div.container-biography{flex-flow:column}.content section.about-me div.container-biography div.image img{width:50%}.content div.my-technologies{width:100%}.content div.container-projects div.project{flex-direction:column}.content div.container-projects div.project div.description-project .description-detail{margin-left:0%;padding-left:0%}.content div.container-projects div.project-votes div.image-project{order:1}.content div.container-projects div.project-votes div.description-project ul.tech-used{justify-content:flex-end}.content div.container-projects div.project-votes div.description-project{text-align:right;order:1}.content div.container-projects div.project-votes div.description-project .description-detail{padding-right:5%}}@media (max-width:641px){header ul{width:100%}.content section.front div.my-name h1{font-size:410%}.content section.front div.my-activity h2{font-size:215%}.content section div.box-title h3{flex-basis:50%;font-size:140%;font-weight:bolder}.content section.contact-me h3.opinion{font-size:150%}.content section.contact-me p{font-size:110%}}@media (max-width:542px){.content section div.box-title{justify-content:space-between}.content section div.box-title h3{flex-basis:80%}.content section div.box-title div{flex-basis:20%}.content div.container-projects div.project div.image-project img{min-height:40vh}}@media (max-width:520px){.content section.front div.my-name h1{font-size:340%}.content section.front div.my-activity h2{font-size:208%}.content section.about-me div.container-biography div.image img{width:70%}.content div.my-technologies ul li{flex-basis:45%}#my-email{width:100%}}@media (max-width:450px){div.ornament-left{left:2%}div.ornament-right{right:2%}}@media (max-width:300px){div.ornament-left{left:1%}div.ornament-right{right:1%}}