.footerBarCut{position:relative;top:0;left:0;width:100vw;height:4vh;background:#072147;clip-path:ellipse(50% 55% at 50% 50%);z-index:1;transform:translateY(50%)}.footerBar{position:relative;left:0;bottom:0;width:100vw;height:7vh;background:#363f72;z-index:0;display:flex;flex-direction:row;align-items:center;justify-content:center}.innerFooterBar{position:relative;left:0;bottom:0;width:100vw;height:100%;z-index:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.eirikLink{position:relative;top:15%}.eirikLink h4{margin:0}.headerBar{position:relative;top:0;left:0;width:100vw;height:4vh;background:#363f72;z-index:0}.headerBarCut{position:relative;top:0;left:0;width:100vw;height:4vh;background:#072147;clip-path:ellipse(50% 55% at 50% 50%);z-index:1;transform:translateY(-50%)}#logo{position:relative;left:10%;top:-20px;height:100px;width:auto;transition:transform .3s ease,filter .3s ease;z-index:2}#logo:hover{transform:translateY(-5px);filter:drop-shadow(0px 8px 12px rgba(0,0,0,.3))}@media (max-width: 800px){#logo{height:50px}}#Bjarne1{position:relative;max-height:400px;max-width:400px;width:100%;border-radius:16px;box-shadow:0 4px 4px #00000040}.aboutMeTextBox{position:relative;align-self:start;width:30vw}.mainContent{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden}.aboutMeRow{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;width:80%;margin:40px auto;font-size:xx-large}.aboutMeText h1{display:flex;gap:10px}#aboutMeButton{background-color:#ccf381;width:20vw;border-radius:20px;border:none;margin:20px 0;transition:all .3s ease;cursor:pointer;color:#1b1b1b;font-weight:700;font-size:150%}#aboutMeButton:hover{transform:scale(1.05) translateY(-5px)}#myProjects{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:50px;gap:10px;font-size:xx-large}@media (max-width: 800px){#myProjects{flex-direction:column;margin:10px}.aboutMeRow{font-size:medium}.aboutMeTextBox{width:100%;max-width:400px}.aboutMeText{display:flex;flex-direction:column;align-items:center;justify-content:center}.aboutMeText h2,.aboutMeText h1{margin:4px 0}#aboutMeButton{max-width:400px;width:100%}}#projects{display:flex;flex-direction:column;justify-content:space-between;width:80%}.projectsList{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:60px;margin-bottom:50px}.project{height:auto;width:400px;background:linear-gradient(180.09deg,#0a1d35 52.6%,#091a2f 99.92%);border-radius:12px;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none!important;transition:transform .3s ease,filter .3s ease}.project:hover{transform:translateY(-5px);filter:drop-shadow(0px 8px 12px rgba(0,0,0,.3))}@media (min-width: 800px) and (max-width: 1485px){.project{width:300px}}.projectPhotos{width:100%;border-radius:16px 16px 0 0;object-fit:cover;object-position:center;display:block;align-self:center;margin:auto}#Bjarne2{max-height:400px;max-width:400px;width:100%;border-radius:16px;box-shadow:0 4px 4px #00000040;margin:10px 0 20px}#aboutMePage{margin:40px auto 0;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:80%}#aboutMePage>div{align-items:flex-start;display:flex;flex-direction:column}#aboutMePageInfo{max-width:40vw}#aboutMePageInfo h1,p{margin:0}.contactInformation{display:flex;flex-direction:row;align-items:center;justify-content:center}.contactInformation h3{margin:0}#cvList{max-width:80%;margin:20px auto 0;list-style-type:none;padding:0}#cvList li{margin:10px 0}#cvList ul{list-style-type:none}@media (max-width: 800px){#aboutMePage{flex-direction:column;align-items:center;max-width:100%}#aboutMePageInfo{max-width:100%}}.projectPage-gallery{display:flex;flex-direction:column;align-items:center;margin:24px 0}.projectPage-gallery-img{max-width:80%;max-height:60vh;border-radius:12px;margin-bottom:16px}.projectPageGalleryBox{position:relative;justify-content:center;align-items:center;display:flex;height:100%;max-width:80%}.projectPageArrow{cursor:pointer;border:none;background:transparent;padding:0;margin:5px}.projectPageArrow.left:before{content:"";display:block;width:20px;height:20px;border-left:4px solid #CCF381;border-bottom:4px solid #CCF381;transform:rotate(45deg);margin-left:8px}.projectPageArrow.right:before{content:"";display:block;width:20px;height:20px;border-right:4px solid #CCF381;border-bottom:4px solid #CCF381;transform:rotate(-45deg);margin-right:8px}.projectPage-gallery-dots{display:flex;gap:8px;justify-content:center}.projectPage-dot{width:14px;height:14px;border-radius:50%;border:none;background:#363f72;cursor:pointer;outline:none}.projectPage-dot.active{background:#fff;box-shadow:0 0 4px #ccf381}.projectPage-main{min-height:60vh;margin-top:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.projectPage-main h1{margin:0}.projectPage-summary{max-width:600px}.projectPage-symbols{margin:24px 0}.projectPage-symbols img{width:36px;height:36px;margin-right:8px}.projectPage-sections{max-width:80%;width:100%;margin:24px 0;text-align:left;align-items:flex-start}.projectPage-backBtn{margin-top:20px;background-color:#ccf381;color:#000}#root{width:auto;overflow-x:hidden;display:flex;flex-direction:column}html,body{width:100vw;overflow-x:hidden;margin:0;padding:0}body{background-color:#072147;margin:0;max-width:100vw}.greenBar{position:relative;height:4px;background:#ccf381;border-radius:4px;width:90%}.greenBarTop{margin:0 auto 10px 0}.greenBarBottom{margin:10px 0 40px auto}.symbols{display:flex;flex-direction:row;align-items:center;justify-content:center}.icon{width:32px;height:32px;margin:10px}.h1,h2,h3,h4,h5,h6,p,span,a{line-height:1.5}.whiteText{color:#fff}.yellowText{color:#ccf381}.fontBebasNeue{font-family:Bebas Neue}.fontRajdhani{font-family:Rajdhani}.fontInter{font-family:Inter}.hyperlink{color:#63dec2;text-decoration:underline}.hyperlink:visited{color:#c0c}.fontStyleSemiBold{font-weight:600}.fontStyleNormal{font-weight:400}.fontStyleLight{font-weight:100}.fontSizeXSmall{font-size:20px}.fontSizeSmall{font-size:32px}.fontSizeMedium{font-size:40px}.fontSizeLarge{font-size:64px}.fontSizeXLarge{font-size:96px}