@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*{scroll-behavior:smooth}body{background-color:#13293d;font-family:"Raleway";letter-spacing:.5px;line-height:1.3;font-size:18pt;color:#f3eff5;padding:0;margin:0}body .full-site-wrapper{width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column}header{padding:0;margin:0;z-index:1;position:relative}header .nav-wrapper{width:100%;background-color:#13293d;position:fixed;display:flex;justify-content:center;box-shadow:0 2px 10px 3px rgba(0,0,0,.25)}header .nav-wrapper .logo{height:3em;width:10%;margin:0 1rem 0 0}@media(max-width: 800px){header .nav-wrapper .logo{width:auto;margin:0}}header .nav-wrapper .logo img{height:3em;width:3em;margin:0}header .nav-wrapper .nav{width:80%;height:3em;align-content:center}@media(max-width: 800px){header .nav-wrapper .nav{display:none}}header .nav-wrapper .nav #nav{list-style-type:none;padding-left:0;margin:0}header .nav-wrapper .nav #nav .nav-item{display:inline;margin-right:1rem}header .nav-wrapper .nav #nav .nav-item a{color:#f3eff5;text-decoration:none;transition:color .3s}header .nav-wrapper .nav #nav .nav-item a:hover{color:#d56f3e}header .nav-wrapper .nav #nav .nav-item .active{color:#fdcd49}header .nav-burger{position:fixed;background:#13293d;display:none;z-index:100}@media(max-width: 800px){header .nav-burger{display:inherit;width:45px;height:45px;top:13px;right:15px}header .nav-burger .line-top{height:3px;width:45px;position:absolute;top:9px;background-color:#f3eff5;transition:background-color .3s ease-in-out,transform .3s ease-in-out,top .3s ease-in-out}header .nav-burger .line-middle{height:3px;width:45px;position:absolute;top:21px;background-color:#f3eff5;transition:background-color .3s ease-in-out}header .nav-burger .line-bottom{height:3px;width:45px;position:absolute;top:33px;background-color:#f3eff5;transition:background-color .3s ease-in-out,transform .3s ease-in-out,top .3s ease-in-out}header .nav-burger:hover{cursor:pointer}header .nav-burger:hover .line-top{background-color:#d56f3e}header .nav-burger:hover .line-middle{background-color:#d56f3e}header .nav-burger:hover .line-bottom{background-color:#d56f3e}}header .nav-burger-toggle .line-top{transform:rotate(45deg);top:26px}header .nav-burger-toggle .line-middle{background-color:rgba(0,0,0,0)}header .nav-burger-toggle .line-bottom{transform:rotate(-45deg);top:26px}header .nav-burger-toggle:hover .line-middle{background-color:rgba(0,0,0,0)}header .mobile-nav-wrapper{position:fixed;top:-100vh}@media(max-width: 800px){header .mobile-nav-wrapper{top:-100vh;left:0;width:100%;height:auto;background-color:#13293d;z-index:90;transition:top .4s ease-in-out;box-shadow:0 2px 10px 3px rgba(0,0,0,.25)}}header .mobile-nav-wrapper .mobile-nav-flex{width:100%;height:100%;display:flex;justify-content:center;align-items:center}header .mobile-nav-wrapper .mobile-nav-flex .mobile-nav #mobile-nav-list{list-style-type:none;padding-left:0;text-align:center}header .mobile-nav-wrapper .mobile-nav-flex .mobile-nav #mobile-nav-list .mobile-nav-item{margin-bottom:.5rem}header .mobile-nav-wrapper .mobile-nav-flex .mobile-nav #mobile-nav-list .mobile-nav-item a{color:#f3eff5;text-decoration:none;transition:color .3s}header .mobile-nav-wrapper .mobile-nav-flex .mobile-nav #mobile-nav-list .mobile-nav-item a:hover{color:#d56f3e}header .mobile-nav-wrapper .mobile-nav-flex .mobile-nav #mobile-nav-list .mobile-nav-item .active{color:#fdcd49}header .mobile-nav-wrapper-toggle{top:-100vh}@media(max-width: 800px){header .mobile-nav-wrapper-toggle{top:0}}main .container-wrapper{height:100vh;width:100%;margin:0;padding:0;display:flex;justify-content:center}main .container-wrapper .container{width:90%;max-width:1700px;height:auto;margin:3em 0 0 0;padding:0}.container-hej{width:100%;height:100%;margin:0;padding:0;display:flex;justify-content:space-between}@media(max-width: 800px){.container-hej{flex-wrap:wrap}}.container-hej p{margin:0}.container-hej .left{width:30%;justify-items:flex-end}@media(max-width: 800px){.container-hej .left{width:50%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}}.container-hej .left #p-hej{font-family:"Caveat";font-size:150pt;margin:10vh 1rem 0 0;color:#fdcd49;transform:rotate(-25deg);transition:font-size .3s}@media(max-width: 800px){.container-hej .left #p-hej{font-size:100pt;margin:0;align-self:center;margin:auto 0}}.container-hej .left #im-greg{font-family:"Caveat";display:none}@media(max-width: 800px){.container-hej .left #im-greg{display:initial;font-size:40pt;align-self:flex-start}}.container-hej .middle{width:40%;align-content:center}@media(max-width: 800px){.container-hej .middle{width:100%;align-content:flex-start;order:3}}.container-hej .middle #im-greg{font-family:"Caveat";font-size:60pt;transition:font-size .3s}@media(max-width: 800px){.container-hej .middle #im-greg{display:none}}.container-hej .middle #greeting{font-size:18pt;transition:font-size .3s}@media(max-width: 800px){.container-hej .middle #greeting{font-size:16pt}}.container-hej .middle #read-more{text-align:right;padding-right:2em}@media(max-width: 800px){.container-hej .middle #read-more{padding-right:0}}.container-hej .middle .button{font-family:"Raleway";font-size:12pt;font-weight:500;margin-top:1rem;background-color:#d56f3e;padding:6px 10px;border:1px solid #fdcd49;border-radius:8px;box-shadow:0 0 3px 1px #fdcd49;transition:font-size .2s,border-radius .2s,box-shadow .2s}@media(max-width: 800px){.container-hej .middle .button{font-size:10pt;border-radius:6px}}.container-hej .middle .button:hover{cursor:pointer;box-shadow:0 0 5px 3px #fdcd49}.container-hej .right{width:30%;position:relative}@media(max-width: 800px){.container-hej .right{width:50%;order:2;align-content:center}}.container-hej .right #portrait{position:absolute;right:5%;bottom:0;transform:scaleX(-1);max-height:90vh;max-width:33vw}@media(max-width: 800px){.container-hej .right #portrait{position:static;max-height:400px;max-width:400px}}.container-skillset{margin:0;padding:0;height:100%;display:flex;flex-direction:column;justify-content:space-between}.container-skillset .skillset-heading{width:100%;height:25%;align-content:center;justify-items:center}.container-skillset .skillset-heading #skillset-heading{font-family:"Caveat";font-size:80pt;color:#fdcd49;margin:0;text-wrap:nowrap;transition:font-size .2s ease-in-out}@media(max-width: 800px){.container-skillset .skillset-heading #skillset-heading{font-size:40pt}}.container-skillset .skillset-content{width:100%;height:75%;display:flex;justify-content:space-around;flex-wrap:wrap}.container-skillset .skillset-content .img{align-content:center;height:50%;width:25%;text-align:center}@media(max-width: 800px){.container-skillset .skillset-content .img{height:33%;width:33%}}.container-skillset .skillset-content .img .skillset-icon{font-size:100pt;transition:color .4s,font-size .4s}@media(max-width: 800px){.container-skillset .skillset-content .img .skillset-icon{font-size:50pt}}.container-skillset .skillset-content .img .skillset-icon:hover{font-size:110pt}@media(max-width: 800px){.container-skillset .skillset-content .img .skillset-icon:hover{font-size:60pt}}.container-projects{margin:0;padding:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative}.container-projects .projects-heading{width:100%;height:20%;align-content:center}.container-projects .projects-heading #projects-heading{font-family:"Caveat";font-size:80pt;color:#fdcd49;margin:0;transform:rotate(-5deg);transition:font-size .2s}@media(max-width: 800px){.container-projects .projects-heading #projects-heading{font-size:40pt;text-align:center}}.container-projects .content-slider{width:90%;height:80%;display:flex;margin:auto;align-items:center}.container-projects .content-slider .card{width:300px;height:480px;color:#13293d;background-color:#f3eff5;border-radius:20px;box-shadow:6px 6px 10px #fdcd49;display:flex;flex-direction:column;margin:40px;transition:box-shadow .3s;border:1px solid #13293d}.container-projects .content-slider .card:hover{box-shadow:6px 6px 10px #d56f3e}.container-projects .content-slider .card .card-thumbnail{width:280px;height:150px;background-color:#86836d;border-radius:15px 15px 0px 0px;margin:10px 10px 0px 10px}.container-projects .content-slider .card .card-thumbnail .thumbnail{width:280px;height:150px;border-radius:15px 15px 0px 0px;border:1px solid #13293d;object-fit:cover}.container-projects .content-slider .card .card-content{width:280px;height:300px;margin:10px 10px 10px 10px;display:flex;flex-direction:column}.container-projects .content-slider .card .card-content a{color:#d56f3e;text-decoration:none}.container-projects .content-slider .card .card-content .title{color:#d56f3e;font-size:20pt;margin:0}.container-projects .content-slider .card .card-content .subtitle{color:#86836d;font-size:12pt;margin:0}.container-projects .content-slider .card .card-content .description{font-size:12pt;margin:1em 0 0 0}.container-projects .content-slider .card .card-content .card-skills{width:280px;margin:0;margin-top:auto}.container-projects .content-slider .card .card-content .card-skills .skills{color:#86836d;font-size:14pt;font-weight:500;margin:15px 0 0 0}.container-projects .content-slider .card .card-content .card-skills .skills-buttons{margin:0}.container-projects .content-slider .card .card-content .card-skills .skills-buttons .skill{font-family:"Raleway";font-size:12pt;font-weight:500;margin-top:0;background-color:#fdcd49;padding:3px 5px;border:1px solid #13293d;border-radius:8px;box-shadow:1px 1px 3px 1px #13293d;transition:background-color .3s}.container-projects .content-slider .card .card-content .card-skills .skills-buttons .skill:hover{background-color:#d56f3e}.container-projects .card-prev{position:absolute;left:20px;top:45%;transition:left .4s;cursor:pointer}@media(max-width: 1200px){.container-projects .card-prev{left:0}}@media(max-width: 800px){.container-projects .card-prev{left:-15px}}.container-projects .card-next{position:absolute;right:20px;top:45%;transition:right .4s;cursor:pointer}@media(max-width: 1200px){.container-projects .card-next{right:0}}@media(max-width: 800px){.container-projects .card-next{right:-15px}}.container-about{width:100%;height:100%;margin:0;padding:0;display:flex}.container-about .left{width:30%}@media(max-width: 800px){.container-about .left{display:none}}.container-about .left #portrait{max-height:100%;max-width:33vw}.container-about .right{width:70%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width: 800px){.container-about .right{width:100%}}.container-about .right .about-heading{width:100%;max-height:30%;justify-content:flex-end}@media(max-width: 800px){.container-about .right .about-heading{height:20%;width:100%}}.container-about .right .about-heading #about-heading{font-family:"Caveat";font-size:7vw;text-wrap:nowrap;color:#fdcd49;margin:1rem 0 0 0;transform:rotate(5deg);transition:font-size .2s;text-align:center}@media(min-width: 1600px){.container-about .right .about-heading #about-heading{font-size:80pt}}@media(max-width: 800px){.container-about .right .about-heading #about-heading{font-size:40pt;text-align:center;margin:0}}.container-about .right .portrait-mobile{display:none}@media(max-width: 800px){.container-about .right .portrait-mobile{display:initial;width:100%;text-align:center}}.container-about .right .portrait-mobile #portrait-mobile{aspect-ratio:1/1;object-fit:contain;max-width:300px;max-height:300px;border-radius:50%;transition:max-width .3s,max-height .3s}@media(max-width: 600px){.container-about .right .portrait-mobile #portrait-mobile{max-width:200px;max-height:200px}}.container-about .right .about-content{width:70%;max-height:70%}@media(max-width: 800px){.container-about .right .about-content{width:100%;height:80%}}.container-about .right .about-content p{padding:0;font-size:18pt;transition:font-size .2s}@media(max-width: 2000px){.container-about .right .about-content p{font-size:14pt}}@media(max-width: 800px){.container-about .right .about-content p{font-size:12pt}}.container-about .right .about-content p .name{font-family:"Caveat";font-size:30pt;padding-left:.5rem;padding-right:.5rem;transition:font-size .2s}@media(max-width: 800px){.container-about .right .about-content p .name{font-size:25pt}}.container-contact{width:100%;height:100%;display:flex;flex-wrap:wrap}.container-contact .top{width:100%;height:20%}@media(max-width: 800px){.container-contact .top{height:15%}}.container-contact .top #contact-heading{font-family:"Caveat";font-size:80pt;margin:0 3rem 0 0;text-align:right;color:#fdcd49;transition:font-size .3s}@media(max-width: 800px){.container-contact .top #contact-heading{font-size:40pt;margin:0;text-align:center}}.container-contact .left{width:60%;height:80%;display:flex;flex-direction:column;justify-content:space-between}@media(max-width: 800px){.container-contact .left{height:85%}}.container-contact .left .socials .social{display:flex}.container-contact .left .socials .social a{display:flex;margin-bottom:1rem;color:#f3eff5;text-decoration:none;transition:color .3s ease-in-out}.container-contact .left .socials .social a:hover{color:#d56f3e}.container-contact .left .socials .social a .social-icon{font-size:40pt;margin-right:.5rem}.container-contact .left .socials .social a .social-slug{align-content:center}.container-contact .left .footer #footer{font-size:12pt}.container-contact .right{align-content:flex-end;width:40%;height:80%;position:relative}@media(max-width: 800px){.container-contact .right{height:85%}}.container-contact .right #pigeon{transform:scaleX(-1);max-height:100%;max-width:110%;position:absolute;bottom:0;left:0}/*# sourceMappingURL=style.css.map */