secretary gerard

Tags: black, simple, dark, emo, cute, music, animation

Description:

custom online, pixel art n autoplaying music(lit just office ambience...) friend me n comment if u use shrug emoji if u like. hover over the comments section it appears and if u scroll in interests it does stuff idc if u use this as a base um. bye ig

Preview:

Code:

<!-- (c) Layout created by kjell (https://layouts.spacehey.com/layout?id=29313) --> <style> @import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap'); body{ background-image: url(https://media.discordapp.net/attachments/994121007042416660/1094377420192219136/A577916C-D449-422D-9530-66F7EDB497AE.jpg?width=787&height=465); background-size: cover; background-repeat: no-repeat; height: 100%; background-attachment: fixed; } main{ background: rgb(23, 23, 23); background: linear-gradient(180deg, rgba(2, 2, 2, 0.5) 0%, rgba(150, 150, 150,0.5) 34%, rgba(200, 200, 200,0.10) 75%, rgba(255, 255, 255,0.10) 89%); box-shadow: 0px 0px 9px #000; border-radius: 24px } p{ color: white; } nav .top{ background-color: 0, 0, 0; } nav .links{ background-size: contain; background-repeat: no-repeat; text-align: center; } .profile h1{ font-family:serif; color: black; text-shadow: 0px 0px 5px #fff; font-size: 40px; text-align: center; } .comments-table{} .blurbs .heading{display:none;} .blurbs .inner last section of h4{display:none; } .profile .general-about{ display: flex; flex-wrap: wrap; justify-content: center; padding: 1em; background-color: rgba(0,0,0,0.5); box-shadow: 0px 0px 3px #000; text-align: center; color: white; border-radius: 24px } .general-about .profile-pic{ margin: 10px; } nav .links { background-color: transparent; } nav .links a:hover { color: rgba(0, 0, 0, 0.5); } nav .top{ background-color: transparent; } .online {margin:auto;padding-bottom: 15px;content: url(https://media.discordapp.net/attachments/994121007042416660/1094420809298223254/New_Piskel_1.gif); image-attachment: fixed;} footer{ background-color: rgba(0,0,0,0.5); box-shadow: 0px 0px 2px #000; color: #000; border-radius: 24px } .profile .contact .heading, .profile .table-section .heading{ background-color: transparent; text-align: center; color: white; text-shadow: 1px 1px 5px #000; border-radius: 24px } .profile .contact, .profile .table-section, .profile .url-info{ border: none; background-color: rgba(0,0,0,0.5); box-shadow: 0px 0px 3px #000; margin: .5em 0; border-radius: 24px } .profile .url-info{ display: none; } table.details-table td { background-color: transparent !important; color: white !important; } .profile .blurbs .heading, .profile .friends .heading{ background-color: transparent; text-align: center; color: white; text-shadow: 1px 1px 2px #000; } .profile .blurbs, .profile .friends{ border: white; background-color: rgba(0,0,0,0.5); box-shadow: 0px 0px 3px #000; text-align: center; color: white; border-radius: 24px } .profile .blurbs .section h4{ color: #fff; text-shadow: 1px 1px 1px #000; padding: 1px; } .profile .profile-info{ color: black; text-shadow: text-shadow: 1px 1px 3px #fff; background-image: url(https://media.discordapp.net/attachments/994121007042416660/1092971164596453477/image.png); background-size: cover; background-position: center; } .profile .blog-preview{ text-align: center; border: black; background-color: rgba(0,0,0,0.5); box-shadow: 0px 0px 3px #000; padding: 2px; color: #fff; border-radius: 24px } .profile .friends .friends-grid p{ color: #000; text-shadow: 0px 0px 2px #000; } .count{ color: #000; text-shadow: 0px 0px 5px #000; } .table-section:last-of-type { display: none; } .profile .comments-table{ color: black; text-align: center; background-color: rgba(0,0,0,0.5); box-shadow: 0px 0px 5px #000; border: black; } } .profile .comments-table .comment-replies{ background-color: rgba(0,0,0.5,0); box-shadow: 0px 0px 10px #000; border: none; color: #000; } .profile .comments-table td{ background-color: transparent; color: #000; border: none; } a{ color: #000; text-shadow: 0px 0px 0px #000; } a: visited { color: white; text-shadow: 0px 0px 0px #000; text-decoration: none; } a:hover { color:#000; text-decoration: none; } .mood { text-align: center; padding: .5em } a:active { color: black; text-decoration: none; text-shadow: 0px 0px 1px #000; } nav .links a:hover{ color: #000; text-decoration: none; text-shadow: 0px 0px 3px #000; } #comments.friends { height: 35px; overflow-y: hidden; transition: all 0.3s ease; } #comments.friends:hover { height: 200px; overflow-y: auto; transition: all 0.3s ease; } .table-section { height: 200px; overflow-y: hidden; transition: all 0.3s ease!important; border: none!important; } .table-section:nth-of-type(odd):hover { height: 200px; overflow-y: auto; transition: all 0.3s ease!important; }</style> <style> .blurbs .inner .section:first-of-type h4{ font-size:0; } .blurbs .inner .section:first-of-type h4:after{ content:"welcome to the office"; font-size:.8rem;} .profile .friends .heading{ font-size:0px; } .profile .table-section .heading{ font-size:0px; } .profile .blog-preview{ font-size:0px; } </style> <style> .general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; border-radius: 24px; } </style> <iframe width="0" height="0" src="https://www.youtube.com/embed/NOmjdW5Qh3Y//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"> </iframe> <img src="https://media.discordapp.net/attachments/994121007042416660/1094450519403155566/secretary.png?width=959&height=298"/> <img src="https://media.discordapp.net/attachments/994121007042416660/1094397691703869520/New_Piskel_2_4.gif"/>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.