@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unica+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shrikhand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

body {
  background-image: url("portfolio/ginghamS.png");
  color: #63535B;
  font-family: 'Fredoka One', cursive;
  cursor: url(images/cursor_point1a.gif), auto;
    text-align: center;
  margin: auto;
}

::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-thumb {
  background-image: url('images/11.png'); 
}

::-webkit-scrollbar-track {
  background: #fff0fc;
}

/*Hides item when in regular/PC view, shows when in media query view*/
.reverseHideme {
  display: none;

}

.enlarge {
  width: 40%;
}

.right {
  position: fixed;
  bottom: 0;
  right: 0;
}
.left {
  position: fixed;
  bottom: 0;
  left: 0;
  
}

.lefthang {
  position: fixed;
  top: 0;
  left: 0;
}

.righthang {
  position: fixed;
  top: 0;
  right: 0;
}

.rapper {
  width: 60%;
  overflow: hidden;
  text-align: center;
  margin: auto;
}
.rapper2 {
  width: 90%;
  overflow: hidden;
  text-align: center;
  margin: auto;
}


a:hover {
  cursor: url(images/cursor_point2d.gif), auto;
}

/*Content of any page with a table based lace border*/
.lacecontent{
  width: 900px;
  height: 600px;
  overflow:auto;

}
/*Media query sextion (this is where you change stuff to look good on phones*/
@media (max-width: 900px) {
 .busy {
  width: 90%;
}

/*Hides item when media query view, shows when in regular/PC view*/
.hideme {
  width: 10px;
  display: none;

}
/*Hides item when in regular/PC view, shows when in media query view*/
.reverseHideme {
  display: inline;
}

.right {
  width: 10px;
  display: none;
}
.left {
  width: 10px;
  display: none;
  
}

.lefthang {
  width: 10px;
  display: none;
}

.righthang {
  width: 10px;
  display: none;

}
.enlarge {
  width:100%;
}

 .rapper {
  width: 100%;
}

}

/*end of media query section*/
.box {
    width: 90%;
    margin: auto;
}

.box {
    width: 40%;
    border-width: 7px;
    border-style: solid;
    border-image: url("images/borderimg.png") 7 fill round;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 20px;
    margin: 5px;
    text-align: center;
}

div {
    display: block;
    unicode-bidi: isolate;
}

body {
    font-family: 'Fredoka One', cursive;
    background-image: url("images/bg_plaid_home.png");
    color: #704B48;
}

body {
    background-image: url("portfolio/ginghamS.png");
    color: #ccebff;
    font-family: 'Fredoka One', cursive;
    cursor: url(images/cursor_point1a.gif), auto;
    text-align: center;
    margin: auto;
}

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-thumb {
    background-image: url('images/11.png');
}

::-webkit-scrollbar-track {
    background: #fff0fc;
}

@font-face {
    font-family: 'Fredoka One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/fredokaone/v15/k3kUo8kEI-tA1RRcTZGmTlHGCac.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}