body {
    background-image:url("golub.jpg");
    /* font-family: "Rubik", sans-serif; */
}
h1{
    text-align: center;
}
.div4{
    border:1px solid black;
    padding: 8px;
}
.div2 {
  border: 5px solid;
  border-image: linear-gradient(45deg, red, orange, yellow, lime, cyan, blue, magenta) 1;
  border-radius: 30%;
  width: 500px;
  padding: 9px;
  animation: borderflow 5s linear infinite;
}
.div2:hover{
    background-color: white;
    transition: 300ms;
    padding: 12px;
    outline-offset: 15px;

}
/* chatgpt helped me to make this animation */
@keyframes borderflow {
  0% {
    border-image-source: linear-gradient(45deg, red, orange, yellow, lime, cyan, blue, magenta);
  }
  100% {
    border-image-source: linear-gradient(405deg, red, orange, yellow, lime, cyan, blue, magenta);
  }
}
.message{
    color:Black ;
    font-size: 30px;

}

.message2{
    font-size: 30px;
    font-variant: small-caps;
}
.div3{
    border: 4px solid;
    background: linear-gradient(to bottom, #0072ce 33.33%, black 33.33% 66.66%, white 66.66%);
    padding: 8px;
    width: 600px;
}
.message3{
    color:blue;
    font-size: 30px;
}
.link{
    color:gold;

}
.link a:visited{
    color:green;
}
.text2{
    font-size: 30px;
}
.pre{
    font-size: 20px; text-transform: uppercase;
    font-family: Arial;
    color: #fff;
    background-color:#000;
    width: 420px;
    height:80px;
    padding: 40px;
    text-shadow: 0 0 10px #fff,
    0 0 20px greenyellow,
    0 0 30px green,
    0 0 40px green,
    0 0 70px greenyellow,
    0 0 80px green,
    0 0 100px greenyellow,
    0 0 150px green;
    


}
@font-face {
    font-family: 'Rubik';
    src:
    local('Rubick')
    url('Rubik-Black.ttf') format('ttf');
}
.h3{
    text-align:left ;
}
.p{
    color: red;
    font-size: 0.75;
    width: 720px;
    line-height: 16px;
    -moz-column-width: 150px;
    -moz-column-gap: lem;
    column-width: 150px;
    column-gap: lem;


    -moz-column-rule-color: #666;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    column-rule-color: #666;
    column-rule-style: solid;
    column-rule-width: 1px;
    
}
.h3+.p{
    color:aqua
}
.text{
    color:#000;
    font-size: 20px;

}
.fw-bold{
    font-size: 35px;
}