@import url(https://fonts.googleapis.com/css?family=Exo:400,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.project-modal{background:#fff;background:linear-gradient(180deg,#0070f3,#00c6ff);border-radius:16px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:75vw;outline:none;padding:30px;position:relative}.project-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{text-align:left}.modal-content>*{color:#fff}.modal-content h1,.modal-img{margin-bottom:20px}.modal-img{border-radius:12px;max-width:100%;width:75%}.close-modal-button{background:linear-gradient(90deg,#0070f3,#00c6ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background .3s ease,transform .3s ease}.meta-image,.modal-img{max-width:100%;width:80%}.close-modal-button:hover{background:linear-gradient(90deg,#00c6ff,#0070f3);transform:scale(1.05)}.arrow:hover{cursor:pointer;transform:scale(1.1)}@media (max-width:1000px){.project-modal{max-width:200%;padding:5px;width:95%}.project-modal-overlay{width:auto}.modal-content{width:100%!important}}.about-section{background:linear-gradient(180deg,#0070f3,#00c6ff);box-shadow:0 4px 15px #0000001a;color:#fff;margin:0 auto;padding-bottom:30px;width:100%}h1{text-align:center}.about-container{position:relative;z-index:5}.about-container,.profile-container{align-items:center;display:flex;flex-direction:column}.profile-container{margin-bottom:40px;text-align:center}.profile-picture{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 8px #0003;height:75%;margin-bottom:20px;object-fit:cover;width:75%}.box-title{margin-top:0}h2{margin:10px 0}.role{color:#f0f0f0;font-size:1.3em}.details-container{display:flex;flex-direction:column;width:90%}.skills-section{background:#f4f9ff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;opacity:0;padding:20px;transform:translateX(20px);width:90%}.resume-section h3,.skills-section h3{color:#0070f3;font-size:1.8em;margin-bottom:10px}.skills-section ul{list-style-type:disc;padding-left:20px}.skills-section p,.skills-section ul{color:#333;line-height:1.8}.skills-section.visible{animation:fadeInSlide .6s ease-out forwards;opacity:1;transform:translateX(0)}.location{align-items:center;color:#fff;display:flex;font-size:1.2em;margin-top:10px}.location-icon{color:#fff;margin-right:8px}@media (min-width:768px){.about-container{align-items:flex-start;flex-direction:row;justify-content:space-between}.profile-container{flex:1 1;margin-right:40px}.details-container{flex:2 1}.resume-section,.skills-section{margin-bottom:40px}}.context{position:relative}.context h1{color:#fff;font-size:50px;text-align:center}.area{background:-webkit-linear-gradient(270deg,#8f94fb,#4e54c8);position:relative;width:100%}.circles{height:100%;left:0;margin:0;overflow:hidden;position:absolute;top:0;width:100%}.circles li{animation:animate 25s linear infinite;background:#fff3;background-size:contain;bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.circles li>img{border-radius:inherit;height:100%;width:100%}.circles li:first-child{animation-delay:0s;height:80px;left:25%;width:80px}.circles li:nth-child(2){animation-delay:2s;animation-duration:12s;height:20px;left:10%;width:20px}.circles li:nth-child(3){animation-delay:4s;height:20px;left:70%;width:20px}.circles li:nth-child(4){animation-delay:0s;animation-duration:18s;height:60px;left:40%;width:60px}.circles li:nth-child(5){animation-delay:0s;height:20px;left:65%;width:20px}.circles li:nth-child(6){animation-delay:3s;height:110px;left:75%;width:110px}.circles li:nth-child(7){animation-delay:7s;height:150px;left:35%;width:150px}.circles li:nth-child(8){animation-delay:15s;animation-duration:45s;height:25px;left:50%;width:25px}.circles li:nth-child(9){animation-delay:2s;animation-duration:35s;height:15px;left:20%;width:15px}.circles li:nth-child(10){animation-delay:0s;animation-duration:11s;height:150px;left:85%;width:150px}@keyframes animate{0%{border-radius:0;opacity:1;transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;transform:translateY(-1000px) rotate(2turn)}}.contact-information-section{background:linear-gradient(180deg,#0070f3,#00c6ff);border-radius:16px;color:#fff;margin:50px auto 0;max-width:800px;padding:50px 20px;text-align:center}.contact-container{display:flex;flex-direction:column;gap:20px}.contact-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#333;display:flex;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.contact-item:hover{box-shadow:0 8px 30px #00000026;transform:scale(1.05)}.contact-icon{color:#0070f3;font-size:4em}.contact-details{text-align:left}.contact-details h3{color:#0070f3;font-size:1.5em;margin:0 0 5px}.contact-details p{color:#333;font-size:1.1em;margin:0}.contact-details a{color:#0070f3;text-decoration:none}.contact-details a:hover{text-decoration:underline}@media (max-width:768px){.contact-container{gap:10px}.contact-item{flex-direction:column;padding:15px;text-align:center}.contact-icon{margin-bottom:10px}}.softwares-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;padding:20px}.software-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;padding:10px;transition:transform .3s ease;width:200px}.software-item:hover{transform:scale(1.05)}.software-icon{height:50px;margin-right:15px;width:50px}.software-name{color:#333;font-size:1.2em}.contact-section{background:#f4f9ff;background:linear-gradient(180deg,#0070f3,#00c6ff);border-radius:16px;box-shadow:0 4px 15px #0000001a;color:var(--text-light);margin:0 auto;max-width:800px;padding:50px 20px;text-align:center}h1{color:#fff;font-size:2.5em;font-weight:700;margin-bottom:40px}.contact-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#0070f3;display:block;font-size:1.2em;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #cce7ff;border-radius:8px;box-shadow:0 2px 8px #0000000d;font-size:1em;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border:2px solid #0070f3;box-shadow:0 0 12px #0070f333;outline:none}.submit-button{background:linear-gradient(90deg,#0070f3,#00c6ff);border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;padding:15px 30px;transition:background .3s ease,transform .3s ease}.submit-button:hover{background:linear-gradient(90deg,#00c6ff,#0070f3);transform:scale(1.05)}.submit-button:active{transform:scale(.98)}@media (max-width:768px){.contact-section{padding:30px 10px}.contact-form{padding:20px}.form-group input,.form-group textarea{font-size:.9em}.submit-button{font-size:1em;padding:12px 20px}}.timeline-container{margin:0 auto;overflow:hidden;padding:0 20px;position:relative}h2{font-size:2em;font-weight:700;margin-bottom:40px;text-align:center}.timeline{align-items:center;display:flex;flex-direction:column;padding:20px 0;position:relative}.timeline-bar{background:linear-gradient(180deg,#0070f3,#00c6ff);height:0;left:50%;position:absolute;transform:translateX(-50%);transition:height .5s ease-out;width:6px;z-index:0}.timeline-item{margin:20px 0;opacity:0;position:relative;transition:opacity .6s ease-out,transform .6s ease-out;width:45%}.timeline-item.left{align-self:flex-start;transform:translateX(-20px)}.timeline-item.right{align-self:flex-end;transform:translateX(20px)}.timeline-item.visible{animation:fadeInSlide .6s ease-out forwards;opacity:1;transform:translateX(0)}.timeline-content{background:#fff;border:5px solid #0000;border-image:linear-gradient(180deg,#0070f3,#00c6ff) 1;border-radius:12px;border-radius:5px;box-shadow:0 4px 20px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:scale(1.03)}.timeline-date{color:#888;font-style:italic;margin-bottom:10px}.extra-info{color:#555;font-size:.9em}.timeline-dot{background:#0070f3;border-radius:50%;height:16px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:16px;z-index:2}.edu-header{background:#fff;font-size:60px;margin:0;mix-blend-mode:screen}.edu-header-bg{background:linear-gradient(180deg,#0070f3,#00c6ff);height:0;position:absolute;transition:all 1s ease-out;width:100%}.work-header{margin:0}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.timeline-item{align-self:center;margin:20px 0;width:100%}.timeline-bar{display:none}}.create-project__form{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:20px}.create-project__form-group{margin-bottom:15px}.create-project__label{color:#444;display:block;font-weight:700;margin-bottom:5px}.create-project__file-input,.create-project__input,.create-project__textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:10px;padding:10px;transition:border-color .3s ease;width:100%}.create-project__input:focus,.create-project__textarea:focus{border-color:#007bff;outline:none}.create-project__textarea{min-height:100px;resize:vertical}.create-project__file-input{background-color:#f0f0f0;cursor:pointer;padding:8px}.create-project__meta-input{margin-top:10px}.create-project__meta-header{color:#333;font-size:1.2rem;margin-bottom:10px;margin-top:20px}.create-project__meta-preview{margin-bottom:15px}.create-project__image-preview{border:2px solid #ddd;border-radius:5px;height:auto;width:150px}.create-project__video-preview{border:2px solid #ddd;border-radius:5px;height:auto;width:300px}.create-project__submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s ease;width:100%}.create-project__submit-button:hover{background-color:#0056b3}.create-project__toggle-list{display:flex}.selected{background:"green"}:root{--main-bg:#036;--base:#4a00b4;--base-2:#00b4ff;--header:#0a5891;--text-light:#edede9;--highlight:#00b4ff;--header-gradient:#4a00b4;--main-bg-contrast:#0077b6}body,html{box-sizing:border-box;height:100%;margin:0;overflow-x:hidden;padding:0}.menu-profile-picture{aspect-ratio:1/1;border-radius:50%;box-shadow:0 4px 8px #0003;margin-top:40px;object-fit:cover;width:75%}.Menu{background-color:#4a00b4;background-color:var(--base);height:100vh;left:0;min-width:200px;overflow-y:auto;position:fixed;top:0;width:20vw}.entry-title,.site-footer{display:none}.cover h2{text-decoration:none!important}.base2,.current{background:#00b4ff;background:var(--base-2)}.base2{height:2000px}.main-bg{background:#036;background:var(--main-bg)}.App{display:flex}#content,.App{flex-direction:row}#content{height:100vh;overflow-x:hidden;width:100vw}.site-header{display:none}.br{border-radius:15px}.side-menu{height:100%;left:0;position:fixed;top:0;transition:all .5s ease;width:20vw}.side-menu-innerdiv{background:#4a00b4;background:var(--base);background:url(http://thorstenbaek.com/wp-content/uploads/2023/03/Layer-9.png),linear-gradient(0deg,#00b4ff -20%,#4a00b4 10%);background:url(http://thorstenbaek.com/wp-content/uploads/2023/03/Layer-9.png),linear-gradient(0deg,var(--base-2) -20%,var(--base) 10%);background:linear-gradient(90deg,#4a00b4-10%,#0a5891 100%);background:linear-gradient(90deg,var(--header-gradient)-10%,var(--header) 100%);flex-direction:column;justify-content:flex-start;z-index:10000}.side-menu-border,.side-menu-innerdiv{align-items:center;box-shadow:0 5px 15px #00000059;display:flex;height:100%;position:absolute;width:100%}.side-menu-border{background:#00b4ff;background:var(--base-2);justify-content:center;padding:20px;z-index:9999}.side-nav-element{color:#edede9;cursor:pointer;font-family:Candara,Calisto MT;font-size:3vw;font-weight:600;padding-bottom:5px;padding-right:10px;padding-top:5px;text-align:right;text-decoration:none;text-transform:uppercase;transition:font-size .5s}.side-nav-element:hover{font-size:3.5vw}.sidebar-nav{width:100%}#content{display:flex;padding-left:0;padding-top:0!important}#primary{background:#fff;box-sizing:border-box;flex:1 1;overflow-x:clip;overflow-y:auto}.side-nav-element{display:block}.entry-content{margin-top:0!important}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.cover>*{min-width:300px;text-align:center}.cover{align-items:center;background:linear-gradient(180deg,#0070f3,#00c6ff);color:#fff;display:block;display:flex;flex-direction:column;height:300px;justify-content:center;left:50%;opacity:0;position:absolute;top:0;transition:all 1s ease-in-out;width:0}.post:hover .cover{left:0;opacity:1;width:100%}.post{cursor:pointer;margin-top:-5px;position:relative;transition:all 1s}.allProjects{display:grid;grid-template-columns:repeat(3,1fr);transition:all .5s;width:100%}.post-img{height:300px;object-fit:cover;object-position:center;width:100%}.projects-header{background:linear-gradient(178deg,#0070f3 25%,#00c6ff);display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.projects-menu-button{border:1px solid #f5f5f5;border-bottom:none;border-top:none;color:#fff;cursor:pointer;font-family:Candara,Calisto MT;font-weight:600;padding-bottom:10px;padding-top:10px}.projects-menu-button>p{font-family:Candara,Calisto MT;margin:0;transform:scale(1.1);transition:all .25s}.projects-menu-button>p:hover{transform:scale(1.2)}.projects-menu-button:first-child{border-left:none}.projects-menu-button:last-child{border-right:none}.timeline{height:auto;padding-left:10%;padding-right:10%}.container-timeline{height:200px;padding:18px 40px;position:relative;width:50%}.left{left:0}.container-timeline:after{background-color:#0077b6;background-color:var(--main-bg-contrast);border:4px solid #036;border:4px solid var(--main-bg);border-radius:50%;content:"";height:25px;position:absolute;right:-13px;top:15px;width:25px;z-index:1}.right:after{left:-12px}.content-timeline{border-radius:2px;box-shadow:0 5px 15px #00000059}.content-timeline p{margin:0}.timeline-job{background:#0077b6;background:var(--main-bg-contrast);font-weight:700;padding:5px}.timeline-date{background:var(--main-bg-contrast-2);font-weight:600;padding:5px}.timeline-description{background:var(--main-bg-contrast-3);font-weight:500;padding:5px}.left .content-timeline p{text-align:right}.left .content-timeline p:last-child{text-align:left}.resume_section{flex-direction:column}.resume-top,.resume_section{display:flex;justify-content:center}.resume-top{align-items:center;text-align:center}.resume-bottom{display:flex;justify-content:center;margin-top:30px}.resume-container{background:#4a00b4;background:var(--base);border-radius:5px;box-shadow:0 5px 15px #00000059;padding:2%;width:50%}.resume-picture{border-radius:100%;box-shadow:0 5px 15px #00000059;margin:0 25px 0 0;width:20%}.name-title-container{width:50%}.resume-name{font-size:4.5vw;margin:0}.resume-title{font-size:2vw}.personal_skills_container{background:#4a00b4;background:var(--base);border-radius:5px;box-shadow:0 5px 15px #00000059;margin-right:25px;padding:2%;width:20%}.personal_skills{margin:0 0 1.5em 1em}.main-font{font-family:Candara,Calisto MT;font-weight:600}.all-softare-container{display:flex;padding-left:3vw;padding-right:3vw}.software-container{align-items:center;display:flex;flex-direction:column;padding:5px}.edu-container{width:50%}.edu-container h2,.work-container h2{font-family:Candara,Calisto MT;font-size:55px;font-weight:600;text-align:center}.work-container{margin-top:40px}.timeline-edu-container{position:relative}.container-timeline.edu{height:200px;padding:18px 40px;position:relative;width:70%}.resume-container.edu{height:fit-content;width:auto}.Social_Media{display:flex;padding:20px}.sm_icon{height:40px;transition:all .5s;width:40px}.sm_icon:hover{transform:scale(1.1)}.contact-section{background:#0077b6;background:var(--main-bg-contrast);padding:20px}.wp-form-wrapper{padding:20px}.vimeo-embed,.youtube-embed{margin-bottom:-4px}.custom-logo{min-height:200px}.side-holder{display:block;margin-top:0;transition:all .5s ease;width:20vw}.side-menu.hidden{margin-top:-300px}.contact-details{align-items:center;display:flex;flex-direction:column;width:100%}.chooseVideoContainer{align-items:center;background:linear-gradient(180deg,#0070f3,#00c6ff);display:flex;height:500px;justify-content:center;position:relative}@media (max-width:1000px){.chooseVideoContainer{flex-direction:column}.chooseVideoContainer button{width:80%!important}.menu-profile-picture{display:none}.side-holder{width:0}#content{flex-direction:column}#primary{background:#fff;padding-left:0}.side-menu{height:100px;height:12vh;position:fixed;width:100%;z-index:100000}.custom-logo,.social-media{display:none}.side-nav-element{font-size:22px}.sidebar-nav{display:flex;flex-wrap:wrap;justify-content:center;padding:0 5px}.side-menu-innerdiv{height:fit-content;justify-content:flex-start;padding:0 2%;width:97%}.projects-header{align-items:center;display:flex;flex-direction:column}.projects-menu-button{border:none;border-bottom:1px solid #f5f5f5;width:100%}.allProjects{display:grid;grid-template-columns:repeat(2,1fr);transition:all .5s;width:100%}.current{background:none}}
/*# sourceMappingURL=main.c87409ec.css.map*/