*{margin:0;padding:0;list-style:none;text-decoration:none}#canvas-container{position:fixed;width:100%;height:100%;top:0;left:0}main{position:absolute}button{background-color:#00f}header{display:block;justify-content:left;background-color:#000;width:100%;height:100px;position:relative;z-index:1}.mobile_header{display:none}.inner_header{width:75%;height:100%;display:block;margin:0 auto}.close_sidebar_container{display:none}.name_container{height:100%;display:table;float:left}.name_container h1{height:100%;display:table-cell;vertical-align:middle;font-size:40px;font-family:Arial,Open Sans,Helvetica Neue,sans-serif;font-weight:700;color:#fff}.navigation{float:right;height:100%}.navigation a{height:100%;display:table;float:left;padding:0 20px;cursor:pointer;transition:background-color .15s}.navigation a li{display:table-cell;vertical-align:middle;height:100%;color:#fff;font-family:Arial,Open Sans,Helvetica Neue,sans-serif;font-size:16px}.social_container{width:40px}#linkedin{width:30px}.social_container img{width:100%;object-fit:contain}.navigation a:hover{background-color:#1a1a1a}.navigation a:active{background-color:#333}.projects-header{width:100%;height:100px;margin-top:75px;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:none;z-index:-3}.projects-header:before{content:"";width:100%;height:100%;padding:5px 0;position:absolute;z-index:-1;filter:blur(10px);background-color:#000}#canvas-container{width:100%;height:100%;float:right;display:block;overflow:hidden}.projects{width:100%;height:100%;margin-top:50px;justify-items:center}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.content_bar{display:flex;align-items:stretch;justify-content:center;flex-direction:row;background-color:none;width:70%;height:auto;margin:100px 0;border-radius:15px;background-color:#000;cursor:pointer;z-index:1;position:relative}.content_bar:after,.content_bar:before{content:"";background-image:conic-gradient(from var(--angle),blue,green,yellow,rgb(255,0,242),blue);width:100%;height:100%;border-radius:15px;transition:opacity .5s;animation:rotate 5s linear infinite;position:absolute}.content_bar:after{z-index:-1;opacity:0;filter:blur(15px);padding:15px;top:-15px;transition:opacity .5s}.content_bar:before{z-index:-1;padding:2px;top:-2px}.inner_description,.inner_title{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0;z-index:2}@keyframes rotate{0%{--angle: 0deg}to{--angle: 360deg}}.inner_title img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:0;border-radius:0 15px 15px 0;transition:.5s;object-position:top}.inner_title h1{text-align:center;width:100%;font-family:Arial,Open Sans,Helvetica Neue,sans-serif;color:#fff;z-index:2;position:absolute;font-size:52px;transition:.5s;opacity:0}.inner_description p{padding-left:10%;padding-right:10%;color:#fff;text-align:center;font-family:system-ui,Arial,Open Sans,Helvetica Neue,sans-serif;font-size:20px}.inner_description h1{text-align:center;font-family:Arial,Open Sans,Helvetica Neue,sans-serif;color:#fff;padding-left:5%;padding-right:5%;font-size:40px;font-weight:700;margin-bottom:10px}.inner_description{width:60%;border-radius:15px 0 0 15px;background-color:#000}.inner_title{display:flex;align-items:center;position:relative;width:40%;height:300px}.content_bar.reverse{flex-direction:row-reverse}.reverse .inner_description{border-radius:0 15px 15px 0}.reverse .inner_title img{border-radius:15px 0 0 15px}@keyframes float-anim{0%{transform:translateY(25px)}to{transform:translate(0)}}@media (max-width: 890px){.content_bar{align-items:center;flex-direction:column}.content_bar.reverse{flex-direction:column-reverse}.inner_description p{padding-left:0%;padding-right:0%}.inner_title img{border-radius:0 0 15px 15px}.inner_description{width:90%;border-radius:15px 15px 0 0;padding:20px 5%}.inner_description h1{font-size:30px}.inner_title{width:100%;height:250px}.inner_description{padding-top:20px;padding-bottom:20px}.reverse .inner_description{border-radius:0 0 15px 15px}.reverse .inner_title{margin-top:0}.reverse .inner_title img{border-radius:15px 15px 0 0}.normal_header{width:100px;height:100%;position:fixed;top:0;left:0;vertical-align:middle;z-index:4;display:none}.normal_header:before{content:"";width:100%;height:100%;position:fixed;background-color:#00000080;z-index:-1}.inner_header{width:100%;height:100%}.close_sidebar_container{width:100%;height:100px;display:flex;align-items:center;justify-content:center}.close_sidebar_container button{width:100%;height:100%;background-color:#000;border:none;color:#fff;cursor:pointer;transition:background-color .15s}.close_sidebar_container img{width:30%;object-fit:contain}.normal_header .name_container{width:100%;height:100px;display:none}.normal_header h1{font-size:20px;text-align:center}.navigation{height:100px;width:100%}.navigation a{width:100%;padding-left:0;padding-right:0;font-weight:700;text-align:center}.navigation img{width:40px}#linkedin img{width:30px}.mobile_header{display:block;justify-content:left;position:fixed;background-color:#000;top:0;width:100%;height:100px;z-index:3}.mobile_header h1{width:auto;height:100%;text-align:center;vertical-align:middle;font-size:30px}.mobile_header .inner_header{width:100%;display:block}.mobile_header .name_container{width:80%;height:100%;float:right}.tab_toggle{float:left;width:20%;height:100%;display:flex;align-items:center;justify-content:center}.tab_toggle button{width:100%;height:100%;background-color:#000;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .15s}.tab_toggle img{width:50%;object-fit:contain}.projects-header{margin-top:175px}.projects{margin-top:50px}.tab_toggle button:hover,.close_sidebar_container button:hover{transition:.15s;background-color:#ffffff1a}.tab_toggle button:active,.close_sidebar_container button:active{transition:.15s;background-color:#fff3}}.sidebar_open{animation:sidebar-open .5s cubic-bezier(.17,.67,.25,.95) infinite;animation-iteration-count:1}.sidebar_close{animation:sidebar-close .5s ease-in-out infinite;animation-iteration-count:1}@keyframes sidebar-open{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebar-close{0%{transform:translate(0)}to{transform:translate(-100%)}}.content_bar:hover .inner_title img{transition:.5s;filter:brightness(.5)}.content_bar:hover .inner_title h1{transition:.5s;opacity:1;animation:float-anim 1s cubic-bezier(.17,.67,.25,.95) infinite;animation-iteration-count:1}.content_bar:hover:after{transition:.5s;opacity:.5}.content_bar:hover:before{transition:.5s;opacity:0}