body{background-color:#fff;margin:0}:root{--primaryTC: rgb(30, 30, 30);--primaryBC: rgb(255, 255, 255);--secondaryBC: linear-gradient(45deg,rgba(92, 149, 202, 1) 0%, rgba(92, 198, 202, 1) 100%);--secondaryTC: rgb(0, 0, 0);--secondaryIC: linear-gradient(45deg,rgba(255, 115, 0, 1) 0%, rgba(255, 208, 0, 1) 100%);--extendableBC: rgb(230, 237, 240);--extendableBHC: rgb(204, 211, 214);--extendableTC: rgb(0, 0, 0)}.navbar{background:var(--secondaryBC);width:100%;margin:0;display:flex}.footer{background:var(--secondaryBC);width:96%;margin:0;display:block;padding:2%}#footer-content{display:flex;width:98%}.footer-box{min-width:25%;width:auto;margin:15px auto;text-align:center;display:block}.footer-box h3{margin:0}.footer-box a{display:block}.footer-info-content{display:block;align-content:center;text-align:center}.footer-info-icons{font-size:28px;color:var(--secondaryTC);display:flex;margin:15px auto;width:auto}.footer-info-icons a{margin:8px}.home-heading{text-align:center;font-size:70px;margin:5% 0}.heading{color:var(--primaryTC);text-align:center;font-size:50px;margin-top:8%}#line{background-color:var(--primaryTC);width:90%;height:2px;margin:0 5%}.description{color:var(--primaryTC);text-align:center;padding:1% 15%;font-size:22px}.infotable{margin:0 auto}.infotable th{border-bottom:2px solid var(--primaryTC);font-size:26px}.infotable td{font-size:22px;padding:0 50px}#ownertable{text-align:left}#ownertable td{border-bottom:1px solid var(--primaryTC)}#navbarnavigation{margin:0;display:flex;justify-content:space-between}.navbarbutton{padding:24px;margin:0;min-width:70px;text-align:center;text-decoration:none}.navbarbutton h2{margin:0}.navbarbtntxt{text-decoration:none;color:var(--secondaryTC)}.navbarbutton:hover{background-color:#fff2}#title{background-image:linear-gradient(-20deg,#ff1e00,#c87800,#ff1e00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;padding:20px;font-family:Times New Roman,Times,serif}button{text-decoration:none}#burger-content{background-color:var(--extendableBC);z-index:1;display:none}.burger-contentbox:hover{background-color:var(--extendableBHC)}.burgerbox h3{margin:0;padding:5%;text-decoration:none;font-size:140%}.burgerbox:hover{background-color:#ffffff0d}#navbar-burger{margin:0 0 0 auto;display:none}#burgericon{margin:0;padding:20px;color:var(--secondaryTC)}.burger-contentbox a{color:var(--extendableTC)}@media only screen and (max-width: 595px){#navbarnavigation{display:none}#navbar-burger,#footer-content{display:block}}@media only screen and (min-width: 596px){#burger-content{display:none}#footer-content{display:flex}}a{text-decoration:none}.link{text-decoration:underline;color:#ff0}#logo-container{position:relative;margin:15px;-webkit-mask-image:url(/YonuLogo-Base.png);mask-image:url(/YonuLogo-Base.png);-webkit-mask-size:50px;mask-size:50px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo-image{width:30px;height:30px}.basic-content{padding:3%}.home-choicecontainer{display:flex;margin:auto 0;width:auto}.home-choicebox{display:inline-block;border:2px solid black;border-radius:15px;min-width:170px;min-height:40px;margin:5px;text-align:center;width:auto}.home-choicebox h2{color:#000}.div-centered{margin:auto;display:flex}.darkmode-content{background-color:#282828;color:#fff;padding:100px 60px;text-align:center}.greenmode-content{background-color:#c8ffc8;color:#000;padding:100px 60px;text-align:center}.Websites-box{display:inline-block;border:2px solid black;border-radius:37px;min-width:220px;min-height:70px;margin:5px;text-align:center;width:auto;background-color:#0000}.Websites-box:hover{background-color:#00000026}.Websites-box h2,.footer-link1{color:#000}.footer-link1:hover{color:#dcc800}.footer-link2{color:#00f;text-decoration:underline}.footer-link2:hover{color:#ff3200}.content-box{margin:4% 10%;display:flex}.content-box-text{display:block;color:#000;margin:5%;width:45%}.content-box-text h1{margin:2% 0;font-size:50px}.content-box-text p{font-size:21px}.content-box-image{display:block;margin:5%;width:45%}.content-box-image .div-centered img{margin:0 auto;height:270px}.content-box-itemholder{width:auto;margin:auto;display:flex;flex-wrap:wrap}@media only screen and (min-width: 900px){.content-box-itemholder{display:flex;flex-wrap:wrap}}@media only screen and (max-width: 900px){.content-box-itemholder{display:block;flex-wrap:wrap}}@media only screen and (min-width: 1550px){.content-box-itemframe{margin:60px calc((25% - 304px)/2)}}@media only screen and (900px <= width <= 1550px){.content-box-itemframe{margin:60px calc((50% - 304px)/2)}}@media only screen and (max-width: 900px){.content-box-itemframe{margin:60px calc((100% - 304px)/2)}}.content-box-itemframe{border:2px solid black;border-radius:20px;height:400px}.content-box-itempicture{-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 60%);mask-image:radial-gradient(circle,#000 60%,#0000 60%);width:300px;height:300px;z-index:-1}.content-box-itempicture img{width:inherit;height:inherit}.content-box-itemtext{text-align:center;font-size:20px;transition-property:all;transition-duration:1s}.content-box-itemframe:hover .content-box-itempicture{-webkit-mask-image:radial-gradient(circle,#0000004d 60%,#0000 60%);mask-image:radial-gradient(circle,#0000004d 60%,#0000 60%)}.content-box-itemframe:hover .content-box-itemtext{transform:translateY(-315px)}.content-box-itemdescription{position:absolute;width:284px;height:0px;overflow:hidden;transition-property:all;transition-duration:1s;padding:8px;transform:translateY(-50px);font-size:18px}.content-box-itemframe:hover .content-box-itemdescription{transform:translateY(-300px);height:300px}#linkedin-logo{color:#000}#linkedin-logo:hover{color:#00f}#instagram-logo{-webkit-mask-image:url(/Instagram-Base.png);mask-image:url(/Instagram-Base.png);-webkit-mask-size:24px;mask-size:24px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:24px;height:24px;margin:11px 8px}#instagram-background{width:24px;height:24px;background:#000}#instagram-logo:hover #instagram-background{width:25px;height:25px;background:linear-gradient(20deg,#ffdc40,#ff004c 35%,#ff0fb7 60%,#4f10ff)}.wrapper{width:100%}#choicebox1{background:linear-gradient(45deg,#26e760,#45eb9d 85%)}#choicebox2{background:linear-gradient(180deg,#ff7300,#ffb900)}#choicebox1:hover{background:linear-gradient(45deg,#1caa47,#2e9e6a 85%)}#choicebox2:hover{background:linear-gradient(180deg,#c95a00,#c08d00)}a{color:#00f;cursor:pointer}a:hover{color:red}.Websites-loopbox{height:140px}.Websites-linkbox:hover .Websites-loopbox{height:160px}.Websites-loopbox a{height:inherit;display:block}.Websites-linkbox{height:70px;width:auto;margin:20px;border:2px solid black;border-radius:25px;padding:30px;text-decoration:none;transition:height 1s;display:block}.Websites-linkbox:hover{height:80px}.Websites-linkbox p{display:none;transition-property:display;transition-delay:.5s;color:#0000}.Websites-linkbox:hover p{display:block;color:#000}.Websites-linkbox h2{color:#000;margin:20px 0;transition:margin 1s}.Websites-linkbox:hover h2{margin:0}#argocd{background-image:url(/Argocd-Base.png);background-repeat:repeat;background-size:200px}#grafana{background:linear-gradient(180deg,#ff7300,#ffb900)}#homeassistant{background-image:url(/Homeassistant-Base.png);background-repeat:repeat;background-size:200px}#jellyfin{background:linear-gradient(155deg,#ba26ff,#006eff)}#pgadmin{background:radial-gradient(#0064ff 40%,#82c8ff)}#proxmox{background-color:#666;background-image:linear-gradient(30deg,#ff7400 12%,transparent 12.5%,transparent 87%,#ff7400 87.5%,#ff7400),linear-gradient(150deg,#ff7400 12%,transparent 12.5%,transparent 87%,#ff7400 87.5%,#ff7400),linear-gradient(30deg,#ff7400 12%,transparent 12.5%,transparent 87%,#ff7400 87.5%,#ff7400),linear-gradient(150deg,#ff7400 12%,transparent 12.5%,transparent 87%,#ff7400 87.5%,#ff7400),linear-gradient(60deg,#ff740077 25%,transparent 25.5%,transparent 75%,#ff740077 75%,#ff740077),linear-gradient(60deg,#ff740077 25%,transparent 25.5%,transparent 75%,#ff740077 75%,#ff740077);background-size:14px 25px;background-position:0 0,0 0,7px 12px,7px 12px,0 0,7px 12px}#pufferpanel{background-image:url(/pufferpanel-Base.png);background-repeat:repeat;background-size:60px}#movies{background:linear-gradient(45deg,#26e760,#45eb9d 85%)}#minecraft{background-image:url(/Minecraft-Background.jpg);background-repeat:repeat;background-size:100px;color:#fff}
