×

注意!页面内容来自https://www.geeksforgeeks.org/maths/standard-deviation-formula/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<> .wrapper { flex-direction: column !important; } /* spinner css */ @keyframes spinner { to {transform: rotate(360deg);} } .spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #000; animation: spinner .6s linear infinite; } .report-loader{ position: relative; } .report-loader.spinner{ margin-left: 16px; } .badges{ display: flex; align-items: center; position: relative; } .badges .gfg-badge-icon.md::after{ transform: scale(0.25); position:relative; top: 2px; left: -2px; } .sep{ margin: 0px 5px; font-size: 20px; color: var(--badge-name-color); } .pub-count{ font-size: 14px; font-family: var(--font-secondary); } .badge-details{ display:none; } .badges{ cursor: pointer; position: relative; /* width: 0px; height: 20px; top: -32px; */ } .badge-icon{ display: flex; align-items: center; } .badge-content{ margin-left: 9px; } .badge-name{ color: var(--badge-nam-color); font-weight: 600; font-size: 16px; text-transform: capitalize; } .badge-data{ color: #A5A4A4; font-size: 10px; } .badges:hover .badge-details{ display: block; background: var(--badge-bg); padding: 10px 18px 10px 18px; position: absolute; width: 175px; top: -10px; z-index: 10; left: 112%; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; border-radius: 5px; /* transform-origin: top right; */ } .badge-details::before { content: ""; position: absolute; transform: rotate(90deg); /* transform-origin: right; */ left: -6px; top: 50%; margin-left: -17px; border-width: 12px; border-: solid; border-color: var(--badge-bg) transparent transparent transparent; margin-top: -12px; } .badge-icon .icon{ border: 1px solid var(--icon-border-color); padding: 4px 3px; border-radius: 4px; width: 22px; height: 24px; position: relative; } .b-icon-pos{ position: relative; top: -34px; left: -34px; } /* article viewer */ .article--viewer .a-wrapper{ margin-top: 0px !important; } .content{ padding-top: 10px !important; } .u-name{ font-size: 14px; } .article--viewer_content .a-wrapper .content{ padding-bottom: 10px !important; } .likeTooltipBottom{ font-size: 14px; } @media (max-width: 434px) { .article-buttons.show-bg{ margin-top: 56px !important; } } @media (max-width: 730px), ((min-width: 992px) and (max-width:1100px)) { .article--viewer .media{ position: relative; } .article--viewer .media{ margin-bottom: 0px !important; } .badges:hover .badge-details{ top: -56px; left: 62px; } .badge-details::before{ transform: rotate(0deg); left: 10%; top: 117%; } .article-buttons.show-bg{ margin-top: 22px; top: 0px !important; } } @media ((min-width:731px) and (max-width:1223px)) { .article-buttons.show-bg{ top: 18px; } } @media ((min-width:993px) and (max-width:1190px)) { .article--viewer .media{ position: relative; } .article--viewer .media{ margin-bottom: 25px !important; } } <> .openInApp{ display: none; bottom: 0px; width: 100%; position: fixed; z-index: 1025; opacity: 0.93; } .openInAppLink{ height: 44px; background: var(--color-gfg); font-weight: bold; display: block; text-align: center; padding: 12px; font-size: large; } .openInAppLink.openInAppLink:hover.openInAppLink:active.openInAppLink:visited.openInAppLink:focus { text-decoration:none; }

Standard Deviation

Last Updated : 04 Nov2025
Comments
Improve
Suggest changes
3 Likes
Like
Report

Standard Deviation is a statistical measure that describes how much variation or dispersion there is in a set of data points. It helps us understand how spread out the values in a dataset are compared to the mean (average).


A higher standard deviation means the data points are more spread outwhile a lower standard deviation means they are closer to the mean. It is classified as:

  • Low standard deviation: The data points are close to the meanmeaning the values are relatively consistent.
  • High standard deviation: The data points are spread out over a wider rangemeaning there's more variability in the data.

Example:

  • If you have test scores like 90919293the standard deviation is small because all the scores are close to each other.
  • If you have test scores like 608090100120the standard deviation is large because the scores are spread out over a wide range.

Mathematical Definition

In mathematical termsthe standard deviation is the square root of the variance. Variance is the average of the squared differences from the mean.

  • Standard Deviation is defined as the degree of dispersion of the data points from the mean value of the data points.

\text{Mean Deviation} =\frac{1}{n} \sum_{i=1}^{n} (x_i - \bar{x})^2

  • Standard deviation is a measure used in statistics to understand how the data points in a set are spread out from the mean value.
  • It indicates the extent of the data's variation and shows how far individual data points deviate from the average.

Standard Deviation Formulas

The formula for the standard deviation depends on whether you're working with a sample or an entire population.

population_standard_deviation

For Sample Data

 \bold{s = \sqrt{\frac{\sum_{i=1}^n (x_i - x̄)^2}{n-1}}}

where,

  • s is Population Standard Deviation
  • xi is the ith observation
  • is the Sample Mean
  • N is the Number of Observations
  • = sum over all the values

For Population Data

 \bold{\sigma = \sqrt{\frac{\sum_{i=1}^N (x_i - \mu)^2}{N}}}

where,

  • σ is Population Standard Deviation
  • xi is the ith Observation
  • μ is Population Mean
  • N is the Number of Observations
  • = Sum over all the values

It is evident that both formulas look the same and have only slide changes in their denominator.

  • For a populationthe denominator is N.
  • For a samplethe denominator is n - 1.

Historicallythe sample standard deviation was first written with n in the denominatorbut the results tended to underestimate the true variability of the population.

To correct this biasthe denominator was changed from n to n − 1. This adjustment is known as Bessel’s correctionand it gives an unbiased estimate of the population variance when working with samples.

Steps to Calculate Standard Deviation

Generallywhen we talk about standard deviationwe talk about population standard deviation. The steps to calculate the standard deviation of a given set of values are as follows,

Step 1: Calculate mean of observation using the data
(Mean = Sum of Observations/Number of Observations)

Step 2: Calculate squared differences of data values from the mean.
(Data Value - Mean)2

Step 3: Calculate average of squared differences
(Variance = Sum of Squared Differences / Number of Observations)

Step 4: Calculate square root of variance this gives the Standard Deviation
(Standard Deviation = √Variance)

Variance

Variance is a statistical measure that tells us how spread out the values in a data set are from the mean (average).

It is the average of the squared differences from the mean.

Variance shows how much the numbers in your data vary from the average value.

  • If the variance is smallthe numbers are close to the mean.
  • If the variance is largethe numbers are more spread out.

Variance Formula

The formula to calculate the variance of a dataset is as follows:

Variance (σ2) = Σ [(x - μ)2] / N

Where:

  • Σ denotes Summation (adding up)
  • x represents Each Individual Data Point
  • μ is the Mean (Average) of the Dataset
  • N is the Total Number of Data Points
  • = sum over all the values

Variance vs Standard Deviation

The key difference between variance and standard deviation is given below:

VarianceDeviation (Standard Deviation)
The measure of spread in a dataset.Measure of average distance from the mean.
Average of squared differences from the mean.The square root of the variance.
σ^2 (sigma squared)σ (sigma)
Indicates the average squared deviation of data points from the mean.Indicates the average distance of data points from the mean.

Harder to interpret directly (due to squared units)

Easier to interpret; shows how spread out the data is

Standard Deviation of Ungrouped Data

For ungrouped datathe standard deviation can be calculated using three methods:

  • Actual Mean Method
  • Assumed Mean Method
  • Step Deviation Method

Standard Deviation by Actual Mean Method

Standard Deviation by the actual mean method uses the basic mean formula to calculate the mean of the given data, and using this mean valuewe find the standard deviation of the given data values.

We calculate the mean in this method with the formula:

μ = (Sum of Observations)/(Number of Observations)

Standard deviation formula for the Actual mean method

σ = √(∑in (xi - x̄)2/n)

Example: Find the Standard Deviation of the data setX = {23456}

Given,

  • n = 5
  • xi = {23456}

We know, 

Mean(μ) = (Sum of Observations)/(Number of Observations)
⇒ μ = (2 + 3 + 4 + 5 + 6)/ 5
⇒ μ = 4

using standard deviation formula
σ2 = ∑in (xi - x̄)2/n
⇒ σ2 = 1/n[(2 - 4)2 + (3 - 4)2 + (4 - 4)2 + (5 - 4)2 + (6 - 4)2]
⇒ σ2 = 10/5 = 2

Thusσ = √(2) = 1.414

Standard Deviation by Assumed Mean Method

For very large values of xfinding the mean of the grouped data is a tedious task; thereforewe use an assumed mean method where we assume an arbitrary value (A) as the mean value and then calculate the standard deviation using the normal method. Suppose for the group of n data values ( x1x2x3...xn)the assumed mean is Athen the deviation is,

di = xi - A

Where

  • xi = data values
  • A = assumed mean

Standard Deviation formula for the assumed mean method

σ = √(∑in (di)2/n)

Where

  • 'n' = Total Number of Data Values
  • di = xi - A

Standard Deviation by Step Deviation Method

We can also calculate the standard deviation of the grouped data using the step deviation method. As in the above methodin this method alsowe choose some arbitrary data value as the assumed mean (say A). Then we calculate the deviations of all data values (x1x2x3...xn) di = xi - A

In the next stepwe calculate the Step Deviations (d') using

d' = d/i 

where 'i is a Common Factor of all values

Standard Deviation Formula for Step Deviation Method

σ = √[(∑(di2 /n) - (∑din)2] × i

where,

  • 'n' = Total Number of Data Values
  • di = xi - A

Standard Deviation of Discrete Grouped Data

In grouped datafirstwe made a frequency tableand then any further calculation was made. For discrete grouped datathe standard deviation can also be calculated using three methods:

  • Actual Mean Method
  • Assumed Mean Method
  • Step Deviation Method

Formula Based on Discrete Frequency Distribution

For a given data setif it has n values (x1x2x3...xn) and the frequency corresponding to them is (f1f2f3...fn)then its standard deviation is calculated using the formula,

σ = √(∑in fi(xi - x̄)2/n)

where,

  • n is Total Frequency (n = f1 + f2 + f3 +...+ fn )
  • is the Mean of the Data
  • xi Value of data point
  • fi frequency of data points

Example: Calculate the standard deviation for the given data

xi

fi

101
43
65
81

Solution:

Mean (x̄) = ∑(fi xi)/∑(fi)
⇒ Mean (μ)  = (10×1 + 4×3 + 6×5 + 8×1)/(1 + 3 + 5 + 1)
⇒ Mean (μ) = 60/10 = 6

n = ∑(fi) = 1 + 3 + 5 + 1 = 10

xififixi(xi - x̄)(xi - x̄)2fi(xi - x̄)2
1011041616
4312-2412
6530000
818248

Now,

Using standard deviation formula

σ = √(∑in fi(xi - x̄)2/n)
⇒ σ = √[(16 + 12 + 0 +8)/10] 
⇒ σ = √(3.6) = 1.897

Standard Derivation(σ) = 1.897

Standard Deviation of Discrete Data by Assumed Mean Method

In grouped dataif the values in the given data set are very largethen we assume a random value (say A) as the mean of the data. Thenthe deviation of each value from the assumed mean is calculated as,

di = xi - A

di = Deviation of data point from assumed mean

Standard deviation formula for the assumed mean method

σ = √[(∑(fidi)2 /n) - (∑fidi/n)2]

where,

  • 'f' is the Frequency of Data Value x
  • di = Deviation of data point from assumed mean
  • 'n' is Total Frequency [n = ∑(fi)]

Standard Deviation of Discrete Data by Step Deviation Method

We can also use the step deviation method to calculate the standard deviation of the discrete grouped data. As in the above methodin this method alsowe choose some arbitrary data value as the assumed mean (say A). Then we calculate the deviations of all data values (x1x2x3...xn) di = xi - A

In the next step, we calculate the Step Deviations (d') using

d' = d/i 

where 'C' is the Common Factor of all 'd' values

Standard deviation formula for the Step Deviation Method

σ = C \sqrt{\frac{\sum f_i d_i^2}{N} - \left(\frac{\sum f_i d_i}{N}\right)^2}

Where

  • σ = Standard Deviation
  • C = Common Factor of all 'd values
  • ∑f_id_i^2  = Sum total of the squared step deviations multiplied by frequencies
  •  ∑f_id_i  =  Sum total of step deviations multiplied by frequencies
  • N = Total Number of Data Values

Standard Deviation of Continuous Grouped Data

For the continuous grouped datawe can easily calculate the standard deviation using the Discrete data formulas by replacing each class with its midpoint (as xi) and then normally calculating the formulas. 

The calculation of each class is calculated using the formula:

xi (Midpoint) = (Upper Bound + Lower Bound)/2

Standard Deviation Formula for Grouped Data:

s =\sqrt{\frac{\sum f_i (x_i - \bar{x})^2}{\sum f_i}}

Where:

  • x_i​ = midpoint of each class interval
  • f_i​ = frequency of each class interval
  • \bar{x}= mean of the grouped data
  • s = standard deviation

For example: Calculate the standard deviation of continuous grouped data as given in the table.

Class0-1010-2020-3030-40

Frequency(fi)

2422

Solution:

Class5-1515-2525-3535-45
xi10203040

Frequency(fi)

2422

Mean (x̄) = ∑(fi xi)/∑(fi)
⇒ Mean (μ) = (10×2 + 20×4 + 30×2 + 40×2)/(2+4+2+2)
⇒ Mean (μ) = 240/10 = 24
n = ∑(fi) = 2+4+2+2 = 10

xifi

fixi

(xi - x̄) 

(xi - x̄)2

fi(xi - x̄)2

1022014196392
20480-41664
3026063672
4028016256512

Now using standard deviation formula:

σ = √(∑in fi(xi - x̄)2/n)
⇒ σ  = √[(392 + 64 + 72 +512)/10] 
⇒ σ  = √(104) = 10.198

Standard Derivation(σ) = 10.198

Standard Deviation of Probability Distribution

In probability of all the possible outcomes are generally equaland we take many trials to find the experimental probability of the given experiment.

Standard Deviation Formula Binomial Distribution

For a binomial distributionthe standard deviation is given by the formula,

σ = √(npq)

where,

  • n is the Number of Trials
  • P is the Probability of Success of a Trial
  • q is Probability of Failure of Trial (q = 1 - p)

Standard Deviation Formula Poisson Distribution

For a Poisson distributionthe standard deviation is given by 

σ = √λt

where,

  • λ is the Average Number of Successes
  • t is given a time interval

Standard Deviation of Random Variables

Random variables are the numerical values that denote the possible outcomes of the random experiment in the sample space. Calculating the standard deviation of the random variable tells us about the probability distribution of the random variable and the degree of the difference from the expected value.

We use XYand Z as functions to represent the random variables. The probability of the random variable is denoted as P(X)and the expected mean value is denoted by the μ symbol.

Then the Standard Deviation formula for the standard deviation of a probability distribution is,

σ = \sqrt{(∑ (x_i - μ)^2 × P(x_i))}

where:

  • xi = data points
  • p(xi) = probability of xi
  • μ = Expected mean Value

Solved Examples on Standard Deviation

Example 1: Find the Standard Deviation of the following data,

xi

5

12

15

fi

2

4

3

Solution:

Firstmake the table as followsso we can calculate the further values easily.

Xi

fi

Xi×fi

Xi

(Xi-μ)2

f×(Xi-μ)2

5

2

10

-6.375

40.64

81.28

12

3

36

0.625

0.39

1.17

15

3

45

3.625

13.14

39.42

Total

8

91

 

 

121.87

Mean (μ) = ∑(fi xi)/∑(fi)

⇒ Mean (μ) = 91/8 = 11.375

using standard deviation formula

σ = √(∑in fi(xi - μ)2/n)
⇒ σ = √[(121.87)/(8)]
⇒ σ = √(15.234)
⇒ σ  = 3.90

Standard Derivation(σ) = 3.90

Example 2: Find the Standard Deviation of the following data table.

ClassFrequency

0-10

3

10-20

6

20-30

4

30-40

2

40-50

1

Solution:

Class

 Xi

fi

f×Xi

Xi - μ

(Xi - μ)2

f×(Xi - μ)2

0-10

5

3

15

-15

225

675

10-20

15

6

90

-5

25

150

20-30

25

4

100

5

25

100

30-40

35

2

70

15

225

450

40-50

45

1

45

25

625

625

Total

 

16

320

 

 

2000

Mean (μ) = ∑(fi xi)/∑(fi)

⇒ Mean (μ) = 320/16 = 20

nowby using standard deviation formula

σ = √(∑in fi(xi - μ)2/n)
⇒ σ = √[(2000)/(16)]
⇒ σ = √(125)
⇒ σ = 11.18

Standard Derivation(σ) = 11.18

Standard Deviation Formula in Excel

  • Use Excel's built-in functions STDEV.P for the entire population or STDEV.S for a sample.
  • Step-by-Step Guide: Enter your data set in a single columnthen type =STDEV.S(A1:A10) (replace A1:A10 with your data range.) in a new cell to get the standard deviation for a sample.
  • Visual Aids: Utilize Excel's chart tools to visually represent data variability alongside standard deviation.

Example: Suppose you have the following numbers in cells A1 to A5:

Solution:

  • For population SD: =STDEV.P(A1:A5)
  • For sample SD: =STDEV.S(A1:A5)

Read in Detail: Standard Deviation in Excel: How to CalculateFormulas


Explore

<> .article--container_content{ align-items: unset !important; } .sideBar { position: sticky !important; } .gfg-icon_switch::after { background-position: -40px -281px !important; } .gfg-icon_transaction::after { background-position: -40px -321px !important; } .header-main__profile.selected+.mega-dropdown{ width: 225px !important; } #courses-container .course-price{ display:none; } /* .side--container_wscard .card-content .content .meta:empty.practiceBannerFromPlugin{ display:none !important; } */ .side--container_wscard .card-content .content .meta{ display:block !important; } .side--container_wscard .card-content .content .meta p{ background-color: rgba(254212910.6); font-size: 10pt; font-weight: bold; display: inline-block; color: var(--color-black); margin-top: 15px; padding: 0px 5px; } #try-it{ display:initial !important; } #try-it .try-it-div{ line-height: 34px; } .gfg-icon_dark-mode::after { background-position: -40px -680px; } .side--container_wscard .head{ font-size: 14px !important; } .nineDot-menu.gfg-icon_ndot{ display: none; } #text-15{ flex-direction: column; } .mtq_correct_marker.mtq_wrong_marker{ display: none; } .sidebar_wrapper > :last-child{ margin: unset !important; margin-left: 5px !important; margin-top: 20px !important; top: 70px !important; } .darkMode-wrap{ bottom:1% !important; } #secondary .textwidget{ margin-left: auto; margin-right: 0; text-align: right; } #secondary .widget_text:last-child{ top: 70px !important; } @media(max-width:768px){ #scrollTopBtn{ display:none !important; } } .rightbar_loggedin_promo_cta{ display:flex; cursor:pointer; margin-bottom:20px; } /* Carousel Ad CSS dont remove or change without permission */ .ads-carousel-container { width: 300px; overflow: hidden; position: relative; min-width: 300px; max-width: 300px; } .ads-carousel-track { display: flex; transition: transform 0.5s ease-in-out; width: 900px; /* 3 slides * 300px */ } .ads-slide { min-width: 300px; max-width: 300px; max-height: 250px; margin-bottom: 10px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; color: white; } /* ✅ Carousel dots container */ .carousel-dots { display: flex !important; justify-content: center; margin: 10px 0px; visibility: hidden; } .show-flex-ad { visibility: visible; } /* ✅ Each dot */ .dot { width: 6px; height: 6px; margin: 0 5px; border-radius: 50%; background-color: gray; transition: background-color 0.3s ease; } /* ✅ Active dot */ .dot.active { background-color: blue; }
<> .grecaptcha-badge { visibility: hidden !important; } .thank-you-message { height: 100%; display:flex; flex-direction: column; justify-content: center; align-items: center; } .thank-you-message-content { margin-top: 17px; font: 400 20px var(--font-secondary); color: var(--improve-modal-text); line-height: 180%; text-align: center; } .thank-you-message-content h2{ font-family: var(--font-secondary); } .all-footer-information{ width: 100% !important; height: fit-content; } .footer-wrapper_links-list{ margin-block-start: 0em !important; width: 16% !important; padding-inline-start: 18px !important; } .link-head{ margin-bottom: 0px; } .footer-wrapper_branding{ height: fit-content; } .footer-wrapper_branding-social{ height: fit-content; } .advertise-block{ display: block !important; } @media only screen and (max-width:1340px) { .footer-wrapper_links-list{ overflow-wrap: break-word; } } @media screen and (min-width: 991px) { .all-footer-information{ padding-left:15px; height: fit-content; } .footer-wrapper_branding-app{ display: flex !important; margin: 22px 0 0 20px; } } @media only screen and (max-width:980px) { .footer-wrapper_branding-address{ padding-top: 10px; } } @media (max-width: 750px) { .thank-you-message-content{ font-size: 14px; line-height: 170%; } } @media only screen and (max-width:991px) { .footer-wrapper_branding-app-wrapper{ display: block !important; margin: auto !important; max-height: none !important; } } @media (min-width: 991px) and (max-width: 1046px) { .footer-wrapper_branding-app-wrapper{ display: block !important; max-height: none !important; } .footer-wrapper_branding-app{ margin: 22px 0 0 6px !important; } } /* CSS variable meant to handle the dark and light mode icon for three 90 event in header courses dropdown */ :root{ --three90headericon : url('https://media.geeksforgeeks.org/auth-dashboard-uploads/three90daylogocompressed.svg'); --three90headericonposition : 0px -40px; --three90leftbarimggrid : url('https://media.geeksforgeeks.org/auth-dashboard-uploads/three90leftbarspritecompressed.svg'); --three90leftbarimgposition : -5px -55px; --three90leftbarbgcolour : #b3abd0; } body[data-dark-mode="true"]{ --three90leftbarimgposition : -6px 1px; --three90headericonposition : 0px 0px; --three90leftbarbgcolour: #8c82b9; } .three90leftbarimg{ margin-left: -5px; height: 30px; background-image: var(--three90leftbarimggrid); background-repeat: no-repeat; background-position: var(--three90leftbarimgposition); background-size: 212px; } .courseTabShimmer{ position: absolute; height: 110%; width: 0; opacity: .7; -webkit-animation: courseShimmer 2s cubic-bezier(0,0,.07,.61) infinite; animation: courseShimmer 2s cubic-bezier(0,0,.07,.61) infinite; box-shadow: 0 0 25px 5px #dddcdc; -webkit-transform: rotate(90deg); transform: rotate(90deg); padding:0px !important; border:unset !important; } @keyframes courseShimmer{ 0% { left: 0; } 55% { left: 100%; } 99% { left: 110%; } }
Improvement
Suggest Changes
Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal.
geeksforgeeks-suggest-icon
Create Improvement
Enhance the article with your expertise. Contribute to the GeeksforGeeks community and help create better learning resources for all.
geeksforgeeks-improvement-icon
Suggest Changes
min 4 wordsmax Words Limit:1000

Thank You!

Your suggestions are valuable to us.

<> /* Temporary CSS for Three90 pop up modal (START)*/ .three90popup__container { width: 100vw; height: 100vh; position: fixed; top:0px; background: var(--job-tab-faded-background); z-index: 1024; display: flex; align-items: center; justify-content: center; } .three90modal__wrapper{ background-color: white; max-width: 350px; display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; } .three90modal__message-container { display: flex; flex-direction: column; align-items: center; font-family: var(--font-primary); } .three90modal__subheading { margin-top: 20px; font-size: 22px; font-weight: 600; } .three90modal__text-message { margin-top: 20px; font-size: 15px; font-weight: 400; text-align: center; padding: 0 5px; } .three90__modal__button-wrapper { width: 100%; padding: 20px 0px; display: flex; justify-content: space-evenly; } .three90__modal__button-wrapper > button { width: 105px; height: 35px; border-radius: 13px; border:none; font-weight: 600; cursor: pointer; } #three90__modal-close-btn:hover { background-color: #cacbcd; } #three90__modal-explore-btn { background-color: #0a0727; color: white } @media screen and (max-width: 441px) { .three90modal__wrapper { max-width: 300px; } } /* Temporary CSS for Three90 pop up modal (END)*/
<> :root { --com-extra-icons-mobile-image: url(https://media.geeksforgeeks.org/auth-dashboard-uploads/Com-Extra-Icons13.svg); --write-experience-card-1: #ECF5F5; --write-experience-card-icon-1: #21898C; --write-experience-card-2: #EAF2F7; --write-experience-card-icon-2: #3079AC; --write-experience-card-3: #FDEFE6; --write-experience-card-icon-3: #F5A572; --write-experience-card-4: #F1F8F5; --write-experience-card-icon-4: #91C4AD; --write-experience-card-5: #EEE7FF; --write-experience-card-icon-5: #8B72C9; --write-experience-card-6: #F2F8E6; --write-experience-card-icon-6: #78C57F; --editor-button-text-color: #6E6E73; --write-modal-background: #fefefe; --experience-sidebar: #000; --left-bar-background: #FFFFFF; --write-redirect-container:#EAF2F7; --write-redirect-container-hover:#d6e7f2; } /* Dark Mode */ body[data-dark-mode="true"] { --write-modal-background: #161c23; --experience-sidebar: #000; --left-bar-background: #F0F3F5; } .popup-main { padding: 20px 18px 20px 18px; border-radius: 8px; } .popup-main .popup-heading { display: flex; align-items: center; color: #E9E9EA; margin-bottom: 10px; justify-content: space-between; } .popup-main .close-icon { background-image: var(--com-extra-icons-mobile-image);background-position: -15px -1651px;height: 22px;width: 22px;transform: scale(1); margin-bottom: 12px; cursor: pointer; } .popup-main .experience-card { color: #000; display: grid; grid-template-columns: repeat(21fr); gap: 16px; /* margin-bottom:10px; */ } .popup-main a:hover, .popup-main a:active, .popup-main a:visited { color: inherit; text-decoration: none; } .popup-main .exp-card1, .popup-main .exp-card2, .popup-main .exp-card3, .popup-main .exp-card4, .popup-main .exp-card5, .popup-main .exp-card6 { display: flex; align-items: center; border-radius: 10px; cursor: pointer; } .popup-main .exp-card1 .icon1, .popup-main .exp-card2 .icon2, .popup-main .exp-card3 .icon3, .popup-main .exp-card4 .icon4, .popup-main .exp-card5 .icon5, .popup-main .exp-card6 .icon6 { width: 80px; height: 80px; border-radius: 10px 0px 0px 10px; display: flex; align-items: center; justify-content: center; background: var(--write-experience-card-icon-1); } .popup-main .exp-card1 .icon1, .popup-main .exp-card2 .icon2, .popup-main .exp-card3 .icon3, .popup-main .exp-card4 .icon4, .popup-main .exp-card5 .icon5, .popup-main .exp-card6 .icon6 { width: 80px; height: 80px; border-radius: 10px 0px 0px 10px; display: flex; align-items: center; justify-content: center; } .popup-main .exp-card1 .icon1 { background: var(--write-experience-card-icon-1); } .popup-main .exp-card2 .icon2 { background: var(--write-experience-card-icon-2); } .popup-main .exp-card3 .icon3 { background: var(--write-experience-card-icon-3); } .popup-main .exp-card4 .icon4 { background: var(--write-experience-card-icon-4); } .popup-main .exp-card5 .icon5 { background: var(--write-experience-card-icon-5); } .popup-main .exp-card6 .icon6 { background: var(--write-experience-card-icon-6); } .popup-main .exp-card6 .icon6-image { background-image: url(https://media.geeksforgeeks.org/auth-dashboard-uploads/compass.svg); width: 46px; height: 30px; background-size: 30px; background-repeat: no-repeat; background-position: center; } .popup-main .exp-card1 .icon1-image { background-image: var(--com-extra-icons-mobile-image); width: 46px; height: 28px; background-position: -4px -812px; } .popup-main .exp-card2 .icon2-image { background-image: var(--com-extra-icons-mobile-image); width: 46px; height: 28px; background-position: -4px -888px; } .popup-main .exp-card3 .icon3-image { background-image: var(--com-extra-icons-mobile-image); width: 46px; height: 28px; background-position: -4px -848px; } .popup-main .exp-card4 .icon4-image { background-image: url(https://media.geeksforgeeks.org/auth-dashboard-uploads/competitive.svg); width: 46px; height: 30px; background-size: 30px; background-repeat: no-repeat; background-position: center; } .popup-main .exp-card5 .icon5-image { background-image: var(--com-extra-icons-mobile-image); width: 46px; height: 33px; background-position: -4px -1217px; } .popup-main .exp-card1 .exp-card1-text, .popup-main .exp-card2 .exp-card2-text, .popup-main .exp-card3 .exp-card3-text, .popup-main .exp-card4 .exp-card4-text, .popup-main .exp-card5 .exp-card5-text, .popup-main .exp-card6 .exp-card6-text { display: flex; align-items: center; border-radius: 0px 10px 10px 0px; height: 80px; width: calc(100% - 80px); } .popup-main .exp-card1 { justify-content: flex-start; background: var(--write-experience-card-1); } .popup-main .exp-card2 { justify-content: flex-start; background: var(--write-experience-card-2); } .popup-main .exp-card3 { justify-content: flex-start; background: var(--write-experience-card-3); } .popup-main .exp-card4 { justify-content: flex-start; background: var(--write-experience-card-4); } .popup-main .exp-card5 { justify-content: flex-start; background: var(--write-experience-card-5); } .popup-main .exp-card6 { justify-content: flex-start; background: var(--write-experience-card-6); } .popup-main span { font-family: var(--font-primary); font-size: 14px; font-: normal; font-weight: 500; line-height: normal; padding-left: 5px; padding-right: 5px; } #popup { display: none; background-color: var(--write-modal-background); padding: 20px; text-align: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%-50%); z-index: 1026; width: min(650pxcalc(100% - 20px)); } .link-container-write{ display:flex; flex-direction:column; } .link-container-write > a { margin:7px 0px; } .phrase__container{ color:var(--color-gfg); border-radius: 6px; width: 100%; background-color:var(--write-redirect-container); padding: 15px; text-align: justify; font-size:14px; } .phrase__container:hover { color:var(--color-gfg) !important; background-color:var(--write-redirect-container-hover); }