/* 
BubbiByte (https://bubbibyte.com) 
Copyright 2020 Thorbjørn 'BubbiByte' Breum 
License: Copyright (c) Thorbjørn 'BubbiByte' Breum. All rights reserved. 
*/ 
@import url("https://fonts.googleapis.com/css?family=Montserrat");::-webkit-scrollbar{display:none}::-webkit-input-placeholder{color:#fff}::-moz-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}:-moz-placeholder{color:#fff}header{background-color:#34495e;min-height:80px}header a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:16px}header ul{margin:0;padding:0}header li{display:inline;padding-left:20px}header #branding{float:left}header #branding h1{float:right;margin:0;padding-left:10px;padding-top:18px}nav{float:right;margin-top:30px}#dropdown{text-align:center;display:none;float:left;width:20%;padding-top:24px}#dropdown button{background:0;border:0;color:#fff}#dropdown a{padding:1rem;display:block}#dropcontent{display:none}#dropdown:hover #dropcontent{display:block}#toplogo{max-width:55px;margin-top:14px}#showcase{background:radial-gradient(ellipse at center,#2ecc71 0,#27ae60 100%)}#showcase img{padding:20px 20px 5px}#showcase h1{font-size:80px;margin:0;padding:0 10px 10px}#showcase h3{font-size:22px;margin:0 0 20px;padding:10px}#showcase hr{border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}#showcase a{color:#fff;text-decoration:none}#about{color:#000;margin:2rem 0}#about h2{text-align:center;font-size:40px;margin:0;padding:10px}#about h3{font-size:22px;margin:0 0 20px}#about hr{border:1px solid #000;box-shadow:0 1px 2px rgba(0,0,0,.2)}#about p{margin:auto;overflow:hidden;width:50%}#about .btn-action{text-decoration:none;background-color:#34495e;padding:1rem;color:#fff;font-size:1rem}#about .btn-action:hover{background-color:#22303d}#about .btn{margin:2rem 0}#contact{background:radial-gradient(ellipse at center,#2ecc71 0,#27ae60 100%);padding-top:2rem;padding-bottom:2rem}#contact p{margin-bottom:100px}#contact h2{text-align:center;font-size:40px;margin:0;padding:10px}#contact hr{border:1px solid #fff;width:60%}#contactform textarea{margin:10px;width:60%;border:none;background-color:transparent;font-size:16px;padding:5px 5px 50px;color:#fff}#contactform label{font-size:2rem}#contactform input{margin:1rem;color:#fff;width:60%;border:none;background-color:transparent;font-size:1rem}#contactform button{background-color:#95a5a6;padding:10px 20px;border:none;cursor:pointer;font-size:1rem;color:#fff}#contactform button:hover{background-color:#34495e}#privacy{color:#000}#error{background:radial-gradient(ellipse at center,#2ecc71 0,#27ae60 100%);padding:8vh 0}#error h1,#error h3{font-size:4rem;margin:0}#error hr{border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}#error img{height:40vh}#error a{text-decoration:none;background-color:#34495e;padding:1rem;color:#fff;font-size:1rem}#error a:hover{background-color:#22303d}#error .error-btn{margin:2rem 0}#topFooter{background-color:#2c3e50}#topFooter h3{font-size:20px;color:#fff;margin-bottom:1rem}#topFooter p{padding:0}#topFooter .box-media{margin-bottom:1rem}#topFooter .box-media a{color:#fff;padding-left:5px}#topFooter #privacy{color:#3498db}#topFooter .footer-boxes{display:grid;grid-gap:1rem;grid-template-columns:repeat(3,1fr)}footer{background-color:#34495e}footer p{padding:10px}body,footer p{margin:0;text-align:center}body{padding:0;font-family:Montserrat;font-size:14px;background:radial-gradient(ellipse at center,#f6f8f9 0,#f5f7f9 100%);color:#fff}body a:hover{color:#2ecc71!important;transition:all .3s ease-out}p{line-height:1.5;font-size:16px}.alertsuccess{background-color:#2ecc71}.alertdanger,.alertsuccess{padding:20px;font-size:16px;font-weight:700}.alertdanger{background-color:#e74c3c}.container{margin:auto;overflow:hidden;width:60%}@media screen and (max-width:480px){.container{width:90%!important}#toplogo{display:none}#showcase h1{font-size:3.5rem!important}#projects{grid-template-columns:repeat(1,1fr)!important}#topFooter .footer-boxes{grid-gap:0;grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:1148px){.about-showcase-item p{margin-bottom:2rem!important}.about-showcase,.skill-think{grid-template-columns:repeat(1,1fr)!important}.container{width:80%}#projects{grid-template-columns:repeat(2,1fr)}#showcase h1{font-size:4rem}header nav{display:none}#dropdown{display:block}}