Tell me your tips for learning music theory!

@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT&display=swap');

body{
background: url(https://tse2.mm.bing.net/th/id/OIP.fTSMvUkxeS1E7LE_areg1gHaEo?pid=ImgDet&rs=1);
font-family: 'Old Standard TT', serif;
}

main{
background: rgb(0, 0, 0, 0.7);
color: white;
border-bottom: double grey 7px;
border-left: double grey 7px;
border-right: double grey 7px;
}

.general-about{
border: double 4px grey;
height: inherit;
}

.profile-pic img, .friends img:not(#comments img, .icon){
border: solid white 3px;
border-radius: 3px;
box-shadow: 0px 0px 5px white;
}

.online{
content: url(https://pixels.crd.co/assets/images/gallery06/0d202a95.gif?v=b496e8e4);
}

.contact img{
content: url(https://64.media.tumblr.com/a9c80c332ebbba56f1fbae4412e0f201/56b41404f2cdfbd4-31/s75x75_c1/7586ff6e19a4ef05cb3d8de53b824ca8bd214b74.gifv);
}

.icon:not(.contact img){
content: url(https://64.media.tumblr.com/a5938a48b27ff1036f8b53caf072a950/e530cedacf80aa8e-44/s75x75_c1/30bb0d94570e15c2407a959199d81dc378dcb045.gifv);
}

button{
font-family: 'Old Standard TT', serif !important;
}

.blurbs, .contact, .friends{
text-align: center;
border: double 4px gray !important;
margin-bottom: 15px;
}

#comments, .table-section:not(.table-section + .table-section){
border: double 4px grey;
height: 200px;
overflow-y: scroll;
text-align: center;
}

.count{
color: grey;
}

.mood, .url-info, .blog-preview{
text-align: center;
margin-top: 25px;
margin-bottom: 10px;
border: double 4px grey !important;
}

.profile-info{
border: double 4px grey;
}

.profile .table-section{
border: double 4px grey;
}

table.comments-table, .comments-table td, .comment-replies{
border: none;
}

nav .top{
background: rgb(0, 0, 0, 0.7);
color: white;
border-top: double grey 7px;
border-left: double grey 7px;
border-right: double grey 7px;
margin-top: 15px;
}

nav .links{
background: rgb(0, 0, 0, 0.7);
color: white;
border-left: double grey 7px;
border-right: double grey 7px;
}

footer{
background: rgb(0, 0, 0, 0.7);
color: white;
border: double grey 7px;
}

footer a{
color: white;
}

nav .links a{
text-shadow: none;
}

a, .friends a p{
color: white !important;
}

footer a:hover, nav .links a:hover, button:hover, a:hover{
color: gray !important;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: white;
}
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol33.cur), auto !important;} /* End https://www.cursors-4u.com */
}